element table input 框数据默认选中

最新推荐文章于 2024-08-17 10:51:37 发布

青柠97

最新推荐文章于 2024-08-17 10:51:37 发布

阅读量1.6k

点赞数

分类专栏： vue-element 文章标签： element table input 框默认选中

本文链接：https://blog.csdn.net/a1997bcd/article/details/103480605

版权

vue-element 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

<el-table
          ref="table"
          :data="url_data.cart"
          class="content-row table_scroll"
          row-key="id"
          default-expand-all
          :tree-props="{children: 'mz', hasChildren: 'hasChildren'}"
          fixed
          @selection-change="changFun"
        >
          <el-table-column width="60">
            **<template slot-scope="scope">
              <el-checkbox
                v-if="scope.row.is_must != null"
                :disabled="scope.row.is_must == 1"
                v-model="send_checked[scope.$index]"
              > <span style="color:#c39a58">赠</span> </el-checkbox>
            </template>**
          </el-table-column>


data{
	 send_checked: [],
      table_all_data: []
}

数据调用
 this.url_data = res.data.data;
            this.url_data.cart.forEach(element => {
              this.table_all_data.push(element);
              if (element.mz != null) {
                element.mz.forEach(item => {
                  item.ware_id = { ware_id: element.ware_id.ware_id };
                  item.pid = element.good_itemid;
                  this.table_all_data.push(item);
                });
              }
            });
            this.table_all_data.forEach((item, index) => {
              if (item.is_must == 1) {
                this.send_checked[index] = true;
              } else {
                this.send_checked[index] = false;
              }
            });