js手动增删tableData数据

增加数据

子组件弹窗新增一条数据

    onConfirmed(resolve) {
      let formData = this.$refs.Form.formParams;
      let arr = [];
      arr[0] = formData;
      console.log("xxx", formData);
      console.log(arr[0], 32333);
      this.listArray.push(arr[0]);
      console.log(this.listArray, 6666);
      this.$emit("toListData", this.listArray);
      resolve();
    },

父组件接受数据并渲染-子向父传参

    getListData(e) {
      this.listData = e;
      this.$refs.List.tableData = this.listData;
    },

注意

使用组件是基于element ui 进行的封装
没有设置tableData属性
要用$refs来设置子组件的值

删除数据

 callback: (data) => {
                  this.listData.splice(data.rowIndex, 1);
                  this.$refs.List.tableData = this.listData;
                },

splice()

注意：splice方法的删除操作，删除后的数组是原先的数组，即不直接返回新数组

第一个参数是从某个下标开始
第二个参数删除几个元素