vue+elementui实现可编辑表格,数值限制最大最小值

关键思想:1.template中加scope=”scope“属性,用来获取当前行中对应的列的值;
        2.通过的显示隐藏切换来实现编辑/不编辑状态
        3.部分单元格不可编辑,利用后台传回的数据,加一个字段v-if=’该字段‘,则当前单元格可编辑
vue 页面:


tableData是要从被引入的页面获取的数据;
highlight-current-row是表格属性,点击单行时当前行会有.current-row加上,就是通过它来控制编辑与非编辑切换
第一次发博客,格式不熟悉,见谅!

你可能感兴趣的:(vue+elementui实现可编辑表格,数值限制最大最小值)