解决el-table 改数据源的值但是组件不刷新的问题

在做项目时，用到了Vue，自己是用它将查找到的数据进行显示。第一次查询时，数据能正常显示，但是以后查询结果一直是第一次的查询结果，组件不刷新，而测试后看到查询的数据已经查到，在网上查到如下解决办法，特意记录下来。引用原文问题：公司项目中使用Vue+elementUI，在使用axios加载数据的时候发现el-table里的数据没有刷新出来。解决办法：在table上的key绑定一个临时变量...

咖啡不加冰和糖

6361人浏览 · 2020-05-04 18:31:19

咖啡不加冰和糖 · 2020-05-04 18:31:19 发布

在做项目时，用到了Vue，自己是用它将查找到的数据进行显示。第一次查询时，数据能正常显示，但是以后查询结果一直是第一次的查询结果，组件不刷新，而测试后看到查询的数据已经查到，在网上查到如下解决办法，特意记录下来。

引用原文问题：

公司项目中使用Vue+elementUI，在使用axios加载数据的时候发现el-table里的数据没有
刷新出来。

解决办法：

在table上的key绑定一个临时变量，然后在axio的回调赋值后再更新这个变量的值。

1）在table上的key绑定一个临时变量；
在这里插入图片描述

在这里插入图片描述

2）在axio的回调赋值后再更新这个变量的值。
在这里插入图片描述
原文

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}$/, //不连续的两位字母// /^