Question

我正在制作一个简单的列表生成器，我可以创建和编辑列表，基本上我有一个模态，我建立列表之后我可以编辑它，我的问题是如果我编辑并更改里面的项目数列表没有按下编辑，列表的更改适用。所有其他我改变而不按编辑，效果很好。

这是一个例子：

我的模态版

 data () {
    return {
      newItem: '',
      listItem: 0,
      showNewItem: false,
      bulletList: {
        currentSymbol: '•',
        key: 'List',
        items: [

        ],
        ordered: false,
        numbering: 38
      },
      listOptions: [
        { 'symbol': '•', 'number': 37 },
        { 'symbol': '1', 'number': 1 }
      ]
    }
  },

在我的版本中，唯一可以更改的是bulletList对象，所以当我按下编辑部分时，它会像这样加载对象：

  mounted () {
    console.log('MOUNTED', this.bulletList.items)
    var sectionKey = this.$store.getters.getCurrentEditionKey
    this.bulletList =_.clone(this.$store.getters.getDocumentAttributes[sectionKey])
  }

当我添加一个项目来编辑我的bulletList并关闭它添加的配置模式（它不应该）我添加新项目时唯一要做的就是将它推送到我的组件内的本地对象，而不是我从vuex商店复制的那个，奇怪的问题有什么帮助吗？它与数组行为有关吗？

removeItem () {
  this.bulletList.items.splice(this.listItem, 1)
  this.listItem = 0
},

addNewItem () {
  this.bulletList.items.push(this.newItem)
  this.newItem = ''
},

阵列副本不断变化而没有版本

0 个答案: