vue el-switch绑定数值时需要注意的问题
作者：-小龙人
在Vue中使用`el-switch`组件时,绑定数值类型时应使用布尔值（true/false）,而绑定字符串类型时应使用字符串（'true'/'false'）
vue el-switch绑定数值问题
vue el-switch 绑定数值时要用
<el-switch v-model="value"
:active-value="1"
:inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>vue el-switch 绑定String时要用
<el-switch v-model="value"
active-value="1"
inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>el-switch 动态绑定想要的值
如果后端返回给你的数据不是true和false或者是1和2动态绑定怎么做？
<el-switch v-model="scope.row.isOpen" active-color="#13ce66" @change="SwitchChange(scope.row)" :active-value="1" :inactive-value="2"
inactive-color="#ff4949"></el-switch>
:active-value="1"/*开启时的值*/
:inactive-value="2"/*关闭时的值*/
// 开关变化
SwitchChange(event) {
/*点击时他会自动把你绑定的值变更，直接去请求数据就可以了*/
var parms = {
isOpen: event.isOpen,
id: event.id
}
SonList.Openclose(parms).then(res => {
this.$message({
message: res.msg,
type: 'success'
})
this.loading = false
this.getdata()
}).catch(error => {
this.loading = false
console.log(error)
})
console.log(event)
},
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。