vue中复选框选中改行数据，后台如何自动带入到前台页面

TianmingQi94

于 2020-03-25 14:00:40 发布

阅读量589

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/TianmingQi94/article/details/105093595

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

 <el-table

          :data="clmRecycleDetail"  fit    border    @selection-change="handleSelectionChange"   @row-click="clickRow"  ref="moviesTable"    tooltip-effect="dark" style="width: 100%" >

          <el-table-column width="100px" type="selection">

          </el-table-column> >  </el-table>

  watch: {
      // needTable
      clmRecycleDetail(val) {
        val.forEach(item => {
          if (item.isRecycled == "1") {
            //需求方代表默认选中
            this.$nextTick(() => {
              this.$refs.moviesTable.toggleRowSelection(item, true);
            });
          }
        });
      }
    },
  methods: {
    clickRow(row) {
      this.$refs.moviesTable.toggleRowSelection(row);
    },
    init() {
      document.querySelector(".el-checkbox__inner").style.display = "none";
      document.querySelector(".cell").innerHTML = "是否回收";
    }, 
 handleSelectionChange(val) {
      this.multipleSelection = val;
    },
}