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', });
完整代码:
教育经历
实现效果: