關於表單單行的編輯操作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表單樣式):