element-ui 中 switch 開關綁定number 的解決方法


 雖然element-ui 的文檔中說明 v-model的值可以是 boolean / string / number 三種類型 ,

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

 

 

 

但是開發過程中發現 送 字符串形式的 number並不好使,

自己試驗了一下 只有boolean 類型的值是可以控制開關的,

那么 ,問題來了 ,因為v-model不能綁定過濾器  不能直接轉化成布爾值 

我嘗試過這種方法

(大家就不要嘗試了 ,不能用)

 

也嘗試過用v-bind+過濾器 代替  因為單項綁定又要寫一大堆處理邏輯,(我已經動了親自動手寫一個滑塊開關的念頭。。。。。)

后來不死心的在網上查一查 看看有沒有人遇到相同的情況 ,真找到了,

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

 

 

 

 

 

我試了一把 ,

控制台報這個
 

 

這個方法已經更換 

果斷更換一把 

 

 

 

 

 果然好使,真香!!!  只是 這個文字怎么包到開關里面 ,這是個問題。

 

                
                
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM