vue el-checkbox、el-switch绑定值问题

一、el-checkbox绑定值用0 1表示

注：增加两个属性值即可  :true-label="1" :false-label="0"

// v-model="item.status" item.status如果是1表示true，0表示false
<el-checkbox :true-label="1" :false-label="0" v-model="item.status"></el-checkbox>

二、el-switch值true、false改为number类型的1和0

后端返回的值为1（number类型）对应el-switch值true（打开）状态，值为0（number类型）对应el-switch值false（关闭）状态。

<el-switch 
	:active-value="1" 
	:inactive-value="0" 
	v-model="item.status">
</el-switch>

举例：

<template>
<div>
  <div v-for="(item, index) in collapseList" :key="index">

    <el-checkbox :true-label="1" :false-label="0" v-model="item.status">备选项</el-checkbox>

    <el-switch :active-value="1" :inactive-value="0" v-model="item.status"></el-switch>

  </div>
</div>
</template>
<script>
export default {
  data() {
    return {
      collapseList: [{ status: 1 }, { status: 0 }]
    };
  },
  methods: {}
};
</script>
<style lang="less">
</style>

显示效果：