当前位置: 首页 > Web前端 > vue.js

element-ui表格组件收集整理常用操作方法

时间:2023-03-31 14:21:48 vue.js

1.简单表格行编辑效果原理是通过css控制绑定的输入控件和显示值,隐藏或显示选中行下的控件风格。1.注意样式的设置2.更改事件@change="handleEdit(scope.$index,scope.row)"3.点击@row-click="handleCurrentChange"{{scope.row.date}}{{scope.row.name}}{{scope.row.address}}删除2、点击编辑按钮进行编辑现实展示示例{{scope.row[v.field]}}{{scope.row.isSet?'保存':"修改"}}删除取消扩展:如果表中每一行的数据形式不同,比如文本,密码,日期,下拉框等,那么我们在渲染表格每一列数据的时候,判断渲染三,表格每一行的数据删除(前端删除)删除总结:对表的操作无非就是对数据的操作。渲染不同的ui控件可能会很复杂。加上一些数据验证,就没有其他难点了。我希望这篇文章可以帮助你。