當前位置:編程學習大全網 - 網站源碼 - vue+iview中使在table中用render渲染input表單及驗證(表單支持同時多行編輯)

vue+iview中使在table中用render渲染input表單及驗證(表單支持同時多行編輯)

關於表單單行的編輯操作iview文檔中已經提供有範例,以下是復雜點支持多行編輯的用法。

先看效果:

HTML部分:

這裏 # 是v-slot的縮寫,#age="{row,index}"相當於v-slot:age="{row,index}"。

關於v-slot的相關知識點,請參考官方文檔: 作用域插槽

這裏有個重點,rule驗證規則比需要寫在FormItem標簽中,寫在Form標簽中是無效的!

VUE部分:

上面範例中我沒有寫驗證結果的處理部分,處理效驗結果跟普通form的用法壹樣:

只要將上面這壹部分在類似‘on-change’ ‘on-blur’的觸發事件中進行效驗處理即可

CSS部分(覆蓋iview源碼中form表單樣式):

  • 上一篇:山東濟南防疫中心電話24小時電話
  • 下一篇:急急請高手幫忙 組合通達信的選股公式和預警公式 {極端行情和關註黑馬 去除}
  • copyright 2024編程學習大全網