vuex中数据更新

来源:8-12 书架编辑模式开发

慕斯卡316423

2020-06-24

    onItemClick() {
      // 判断 是否处于 编辑模式下
      if (this.isEditMode) {
        this.data.selected = !this.data.selected// 改变选中状态
        // 判断当前书籍是否选中
        // 若选中,则将书籍添加到shelfSelected(vuex中)数组中;若未选中/取消选中,则更新这个数组
        if (this.data.selected) {
          this.shelfSelected.pushWithoutDuplicate(this.data)// 这里没有用数组的push方法,避免重复
        } else {
          this.setShelfSelected(this.shelfSelected.filter(item => item.id !== this.data.id))
        }
...

选中书籍时,为什么没有将 this.shelfSelected.pushWithoutDuplicate(this.data)之后的数组(shelfSelected)使用 this.setShelfSelected()更新??

写回答

1回答

扬_灵

2020-06-24

同学你好,this.shelfSelected.pushWithoutDuplicate(this.data)这个就是将选中的数据添加到this.setShelfSelected中,本来这里是直接使用this.setShelfSelected.push()直接更新的的但是为了防止添加重复的数据所以在utils中的boost.js中给数组添加了pushWithoutDuplicate方法。如果不能解决你的问题,可以继续追问。

0
0

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1624 学习 · 1951 问题

查看课程