vue2 el-table新增行内删除行内(两种写法)里面第一个是树组件,第二个是数字组件,第一个数组件只能勾选最后一个节点

第一种






inputNumber.vue文件






父页面

拿到数据传递给子去,然后进项本地储存 ,监听

    inputnumberchagelistFn(i, row) {
      this.$set(this.value[row.$index], 'productMoney', i)
      localStorage.setItem('mutate-1', JSON.stringify(this.value))
    },
    treechagelistFn(i, row) {
      this.$set(this.value[row.$index], 'productId', i.label)
      localStorage.setItem('mutate-1', JSON.stringify(this.value))
      this.$set(this.value[row.$index], 'id', i.id)
    },

第二种写法





父页面

   inputChange(val) {
      this.tablesProps = val
    },

你可能感兴趣的:(vue.js,前端,javascript)