el-switch接口实现

后台返回的数据： 

active-text	switch 打开时的文字描述	string	—	—
inactive-text	switch 关闭时的文字描述	string	—	—
active-value	switch 打开时的值	boolean / string / number	—	true
inactive-value	switch 关闭时的值	boolean / string / number	—	false
active-color	switch 打开时的背景色	string	—	#409EFF
inactive-color	switch 关闭时的背景色	string	—	#C0CCDA

 <el-table-column header-align="center" align="center" label="状态" prop="state">
            <template slot-scope="scope">
              <el-switch
                v-model="scope.row.state"
                active-text="打开"
                inactive-text="关闭"
                :inactive-value="0"
                :active-value="1"
                active-color="#1890ff"
                inactive-color="#c0c0c0"
                @change="addOrUpdateHandle('stateDesc',scope.row)"
              ></el-switch>
            </template>
</el-table-column>

      //修改状态
      if (type == "stateDesc") {
        let status = item.stateDesc == 1 ? "打开" : "关闭";
        this.$confirm(`是否${status}?`, "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            post("/xxxx/event/project/state", {
              id: item.id, //后台要的参数
              state: item.state //后台要的参数
            }).then(res => {
              console.log(res, "状态");
              this.projectlist(); //重新加载列表
            });
          })
          .catch(() => {});
      }