element-UI绑定动态数据的时候，数据失效的解决办法

最新推荐文章于 2024-01-26 21:27:24 发布

miao哈哈

最新推荐文章于 2024-01-26 21:27:24 发布

阅读量4.9k

点赞数 2

文章标签： element-ui vue el-table

本文链接：https://blog.csdn.net/zyj_princess/article/details/84849373

版权

例如下面的例子里，eltable里的:data绑定的数据必须在页面类里页面data里来进行定义，不能在data外面进行定义，否则，就会不识别data所绑定的数据。也就是只要与页面elelment元素绑定的动态数据都需要在data类页面data里来进行定义

//页面状态参数
data = {

    departmentId:"",
    deptUserData: []//部门下面的人员

 }

<el-table :data="this.data.deptUserData">
    <el-table-column sortable="custom" prop="user.userName" label="姓名" min-width=""></el-table-column>
    <el-table-column sortable="custom" prop="user.gender" label="性别" min-width=""></el-table-column>
    <el-table-column  :formatter="formatterUserJobInfo" sortable="custom" prop="" label="用户岗位" min-width="">
    </el-table-column>
    <el-table-column sortable="custom" prop="" label="操作" min-width=""></el-table-column>
</el-table>