vue+element实现点赞_vue+element-ui实现行数可控的表格输入

最新推荐文章于 2024-04-17 10:50:00 发布

袁犬

最新推荐文章于 2024-04-17 10:50:00 发布

阅读量1.3k

点赞数 1

文章标签： vue+element实现点赞

本文链接：https://blog.csdn.net/weixin_33179060/article/details/113580251

版权

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', });

完整代码：

教育经历

实现效果：