vue el-checkbox、el-switch绑定值问题
后端返回的值为1(number类型)对应el-switch值true(打开)状态,值为0(number类型)对应el-switch值false(关闭)状态。注:增加两个属性值即可:true-label="1" :false-label="0"二、el-switch值true、false改为number类型的1和0。一、el-checkbox绑定值用0 1表示。
·
一、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>
显示效果:
更多推荐
已为社区贡献11条内容
所有评论(0)