element组件el-table绑定数据时使用分页组件不能更新改变

使用条件使用vue和element组件，el-table和分页组件el-pagination主要问题在进行点击跳页查询数据的时候除了点击第一页，一旦点击其他页面el-table的表格数据不会发生变化，但是如果在js中输出查询数据会发现查询出来的数据其实就是我们想要的数据，只是el-table表格界面没有及时渲染，从这可以知道这不是后台的问题，是element组件的bug。问题解决把与el...

ningjiangjinling

3331人浏览 · 2019-05-24 18:13:29

ningjiangjinling · 2019-05-24 18:13:29 发布

使用条件
使用vue和element组件，el-table和分页组件el-pagination
主要问题
在进行点击跳页查询数据的时候除了点击第一页，一旦点击其他页面el-table的表格数据不会发生变化，但是如果在js中输出查询数据会发现查询出来的数据其实就是我们想要的数据，只是el-table表格界面没有及时渲染，从这可以知道这不是后台的问题，是element组件的bug。
问题解决
1.把与el-table绑定的变量清空
2.动态定义属性数组等于后台返回的数据 js部分视图
最后把数组的值赋值给el-table即可组件界面部分视图

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^