element的table中使用

包裹想要插入的input，或者select等HTML元素，綁定一個的數組對象，在input或者select等HTML元素使用 v-model="scope.row.graduationSchool"，graduationSchool為該HTML在table綁定數組對象的對應屬性；這樣就可以實現每一行的數據分別存儲在table綁定數組對象的不同下標數組中。

新增一列時，只需要讓table綁定數組對象push()一個與先前屬性一致的空對象進去。

this.educationExperience.push({ // 畢業時間 graduationTime: '', // 畢業院校 graduationSchool: '', // 專業 major: '', // 學歷 degree: '', // 學歷性質 degreeNature: '', // 學歷編號 degreeNumber: '', // 是否顯示新增按鈕 show: 'true', });

完整代碼：

教育經歷

實現效果：

總結

以上是生活随笔為你收集整理的element显示true或者false_vue+element-ui实现行数可控的表格输入的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。