美文网首页
iview-admin 关于列表数据更新,但视图无法刷新问题小记

iview-admin 关于列表数据更新,但视图无法刷新问题小记

作者: 小钟钟同学 | 来源:发表于2019-01-03 11:27 被阅读119次

    问题描述:

    表格内数据

    需求:修改对应的数据项的时候,也需要把当前修改的数据项直接的更新到视图中!

    修改数据选项的时候:

    image.png

    因为修改的是整体的一个实体的数据项:
    所在再更新列表数据的时候是直接的进行整体值选项的赋值更新代码

    copy_currgoodsInfoList:是更新编辑更新后的值
    goodsInfoList:是列表数据
    currgoodsInfoList_index:当前需要修改数据项的列表索引值

    this.goodsInfoList[this.currgoodsInfoList_index] = this.copy_currgoodsInfoList
    

    关于VUE响应式的原理,其实之前也有提到过,但是实际在遇到新的处理数据方式的还是还是遇到了无法刷新视图的。

    按搜索处理问题的方式,以下的这种方法,虽然刷新了,且视图也有更新了,但是对于的数据列表页有问题了,应该是什么地方设置有问题。

    his.goodsInfoList.splice(this.goodsInfoList[this.currgoodsInfoList_index], this.currgoodsInfoList_index, this.copy_currgoodsInfoList)
    

    最终正确的刷新的方式:

       that.$set(that.goodsInfoList, that.currgoodsInfoList_index, that.copy_currgoodsInfoList)
    

    相关文章

      网友评论

          本文标题:iview-admin 关于列表数据更新,但视图无法刷新问题小记

          本文链接:https://www.haomeiwen.com/subject/mocfrqtx.html