el-switch 通过请求的结果开启/关闭

说明：el-switch的change事件只能拿到开关改变后的值，所以这里用input事件，并使用value绑定值，不使用v-model绑定

模板代码：

          <el-table-column fixed="right" label="开关" width="100px">
            <template slot-scope="scope">
              <el-switch :value="scope.row.ternaryFlag"     @input='changeTernaryFlag(scope.row, $event)' active-color="#409eff" inactive-color="#f5f5f5">
              </el-switch>
            </template>
          </el-table-column>

js代码：

    changeTernaryFlag(row, val) {
      const data = {
        id: row.id,
        ternaryFlag: val
      }
      let str = val ? '获取' : '放弃'
      this.$confirm(`确定要${str}吗?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        const loading = this.$loading({
          lock: true,
          text: 'Loading',
          spinner: 'el-icon-loading',
          background: 'rgba(0, 0, 0, 0.7)'
        })
        ternaryFlag(data).then(res => {
          console.log(res)
          loading.close()
          if (res.data.code === '200') {
            // 请求成功  修改状态
            for (const item of this.tableData) {
              if (item.id === row.id) {
                let temData = this.tableData
                item.ternaryFlag = val
                this.tableData = temData
                break
              }
            }
            this.$message({
              type: 'success',
              message: `${str}成功!`
            })
          } else {
            this.$message.error(res.data.msg)
          }
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: `${str}失败!`
        })
      })

    }