vuetifyjs表格复选回显

表格

<div>
          <v-data-table
          height="500px"
          :headers="btnHeaders"
          :items="btnDesserts"
          show-select
          hide-default-footer
          class="elevation-1 mt-2"
          :loading="loading"
          loading-text="加载中... 请稍等"
          @input="selectBtn"
          :value="btnSelectDesserts"
        >
        </v-data-table>
        </div>

//列名
btnHeaders: [
          {
            text: '按钮名称',
            align: 'center',
            sortable: false,
            value: 'buttonName',
          },
          {
            text: '按钮标识',
            align: 'center',
            sortable: false,
            value: 'buttonKey',
          },
          {
            text: '描述',
            align: 'center',
            sortable: false,
            value: 'description',
          }
        ],
//列值
btnDesserts:[],
//选中的数据
btnSelectDesserts:[],
//已选中的数据
selectBtnList:[],


//选中方法
selectBtn(row){
        this.selectBtnList=row
      },


//赋值
getBtnList(){
        this.loading=true
        this.$api.system.role.listByMenu({roleId:this.roleId,menuId:this.selectMenuId}).then((res) => {
          if (res.code == 200) {
            this.btnDesserts=res.data.allList
            this.btnSelectDesserts=res.data.ownList
            this.loading=false
          }
        })
        .catch((err) => {
          this.loading=false
          console.log(err);
        });
      },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值