iview组件写在table中的switch

首先改了名字switch => i-switch

加了判断和事件

<template slot="goclese"
                    slot-scope="{ row, index }">
            <i-switch v-model="row.status"
                      size="large"
                      :disabled="row.statusResult !== '1' && row.statusResult !== '5'&& row.statusResult !== '6'"
                      true-value="1"
                      false-value="0"
                      @mousedown.native="grounding(row)"
                      :before-change="useOrClose">
              <template #open>
                <span>下架</span>
              </template>
              <template #close>
                <span>上架</span>
              </template>
            </i-switch>
          </template>

判断中

 // 上下架3
    grounding (row) {
      console.log(row);
      // 0上架 1下架
      this.currentRow = row;
      console.log(this.currentRow);
      // this.id = row.id;
      // this.listStatus = row.type
    },
 useOrClose () {
      // status
      return new Promise((resolve) => {
        // let removedata1 = {
        //   id: this.id,
        //   status: this.listStatus,
        // }
        // console.log(removedata1);
        this.$Modal.confirm({
          title: '切换确认',
          content: `您确认要切换${this.currentRow.status}开关状态吗？`,
          onOk: () => {
            let removedata = {
              id: this.currentRow.id,
              status: this.currentRow.status == '1' ? '0' : '1'
            }
            console.log(removedata);
            updateShelf(removedata)
              .then(res => {
                console.log(res);
                if (res.data.code == 200) {
                  this.getlists();
                }
              })
          }
        });
      });
    },