element |
您所在的位置：网站首页 › index和column › element |
|
学习中遇到下列代码 {{scope.row.title}}开始以为是作用域插槽，一直在想在哪写的组件传参，后来发现是element-ul table的一种用法 官方文档解释：通过 Scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据 个人理解scope相当于基于要渲染的数据生成的包括所有行和列的数据对象，通过row，column，$indexs定位到具体的行，列或者下标，再通过数据中的键名获取值。 官方demo {{ scope.row.date }} 姓名: {{ scope.row.name }} 住址: {{ scope.row.address }} {{ scope.row.name }} 编辑 删除 export default { data() { return { tableData: [{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }, { date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1519 弄' }, { date: '2016-05-03', name: '王小虎', address: '上海市普陀区金沙江路 1516 弄' }] } }, methods: { handleEdit(index, row) { console.log(index, row); }, handleDelete(index, row) { console.log(index, row); } } }点击前往官方文档地址 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |