动态更新列表data数据

发布于 2023-01-07 20:16:13

前端获取到当前列表data数据后,加了一些判断条件对该数据进行了过滤,
过滤后的数据怎么更新到当前列表?
@hongzai @liqiang
请大神支招!

----补充说明---
比如:在index.vue的pageRequest()里面获取到原data里面数据为:
{id:1,xxxx}
{id:2,xxxx}
{id:3,xxxx}
通过条件判断,过滤出ID为2的数据:
{id:2,xxxx}
此时希望页面只显示这过滤后的这1条数据,但页面还是显示的原data的3条数据。
页面代码如下:

  pageRequest(query) {
      return GetList(query).then((res) => {
        res.data.data.forEach(item => {
          if (item.id==2) {
             this.$forceUpdate()
             console.log('====新item====', item, '\n', '====原来RES===', res)
          }
        });
        return res;
      })
      // return GetList(query);
    }, // 数据请求

通过setD2CrudTableData()方法也不起作用,列表里面还是显示的原来的数据。

 mounted() {
    this.setD2CrudTableData()
  },
  methods: {
    setD2CrudTableData(data) {
      data = this.newtableData
      this.$set(this.getD2Crud(), 'd2CrudData', data)
      console.log('===========set table data=========', data)
    },

查看更多

关注者
0
被浏览
439
1 个回答
hongzai
hongzai 认证专家 2023-01-09
life is coding,外包,远程协助,咨询添加微信:H0nGzA1

this.$set(this.getD2Crud(), 'd2CrudData', data),不起作用吗?不用你手动在mounted里调用的

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览