一、问题
element
中的el-switch
的值默认都是true
或false
,但是有些时候后端接口该字段可能是0
或者1
,如果说再转换一次值,那就有点太费力了。如下所示:
<template><el-switchinactive-text="否"active-text="是"v-model="status"@change="changeSwitch"/>
</template>
<script>
export default {data() {return {status: false}},methods: {changeSwitch(e) {console.info(e)}}
}
</script>
二、解决
在el-switch
中设置active-value
和inactive-value
属性,接受Boolean
, String
或Number
类型的值
<el-switchinactive-text="否"active-text="是"active-value="1"inactive-value="0"v-model="status"
/>