一、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>

显示效果: 

Logo

前往低代码交流专区

更多推荐