一、問題
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"
/>