虽然element-ui 的文档中说明 v-model的值可以是 boolean / string / number 三种类型 ,

(文档在此)https://element.eleme.cn/#/zh-CN/component/switch

element-ui 中 switch 开关绑定number 的解决方法-LMLPHP

但是开发过程中发现 送 字符串形式的 number并不好使,

自己试验了一下 只有boolean 类型的值是可以控制开关的,

那么 ,问题来了 ,因为v-model不能绑定过滤器  不能直接转化成布尔值

我尝试过这种方法

element-ui 中 switch 开关绑定number 的解决方法-LMLPHP(大家就不要尝试了 ,不能用)

也尝试过用v-bind+过滤器 代替  因为单项绑定又要写一大堆处理逻辑,(我已经动了亲自动手写一个滑块开关的念头。。。。。)

后来不死心的在网上查一查 看看有没有人遇到相同的情况 ,真找到了,

https://blog.csdn.net/caijunfen/article/details/78528694

element-ui 中 switch 开关绑定number 的解决方法-LMLPHP

element-ui 中 switch 开关绑定number 的解决方法-LMLPHP

我试了一把 ,

控制台报这个
 element-ui 中 switch 开关绑定number 的解决方法-LMLPHP

这个方法已经更换

果断更换一把

element-ui 中 switch 开关绑定number 的解决方法-LMLPHP

element-ui 中 switch 开关绑定number 的解决方法-LMLPHP

果然好使,真香!!!  只是 这个文字怎么包到开关里面 ,这是个问题。

                

  

 
05-26 21:51