为什么element-ui中的row-key属性要写唯一值
设置表格的数据项为树形结构必须要给表格指定row-key<el-table border :data="list" row-key="id"><el-table-column label="名称" prop="name" /><el-table-column label="标识" prop="code" /><el-table-column label="
·
设置表格的数据项为树形结构 必须要给表格指定 row-key
<el-table border :data="list" row-key="id">
<el-table-column label="名称" prop="name" />
<el-table-column label="标识" prop="code" />
<el-table-column label="描述" prop="description" />
<el-table-column label="操作">
<template slot-scope="scope">
<!-- 添加按钮级别的权限 添加就代表需要一个新的功能按钮
按钮级别:
type:2,
pid:当前行的id
-->
<el-button v-if="scope.row.type===1" type="text" @click="hAdd(2,scope.row.id)">添加</el-button>
<el-button type="text">编辑</el-button>
<el-button type="text">删除</el-button>
</template>
</el-table-column>
</el-table>
最后的效果是这样
总结:row-key必须写唯一标识 ,如有重复,点击后会造成页面卡死、失效的现象
更多推荐
已为社区贡献4条内容
所有评论(0)