switch按钮

代码的写法

注释：

<el-table-column label="卷盘状态" prop="statusName" show-overflow-tooltip/>
      <el-table-column label="是否启用" align="center" prop="status" show-overflow-tooltip>
        <template slot-scope="{ row }">
          <el-switch :value="row.status < 2" active-color="#409EFF" inactive-color="#F56C6C" :disabled="row.status==1" @change="changeEnabled(row)" />
        </template>
      </el-table-column>

• 当触发change时；
• 注释：
• 0是空闲，1是占用，2是停用；
• 当状态是停用按钮，也就是时status>2时执行start按钮,否则执行stop按钮；

/**
     * 表格渲染-改变状态
     */
    async changeEnabled(row) {
      const params = { ids: [row.id] }
      if (row.status > 1) {
        await server.start(params)
      } else {
        await server.stop(params)
      }
      this.fetchList()
    }

-如何给这个接口传参数，这个接口需要的参数是ids；

• 它要的是ids,而我们这可以获取的是row.id,并且数组格式;
• 所以，我们把row.id包装成数组，赋值给ids,
• 后端收到的效果是这样的：