前言：

因為項目中用到了餓了么出品的element-ui這一套ui框架，所以很多地方都踩在了坑里，前面碰到了一些，今天著重聊一下switch這個組件。

首先switch接受Boolean類型的數據，莫非是true和false。

對switch進行賦值，我們就需要從后端傳過來數據。我數據庫里存放的數據也確實是bool，

后得知mysql是需要用tinyInt來代替boolean類型的，但是傳輸是要全部轉化成字符串傳輸的。

因為vue的data里面的數據已經和switch做了綁定，

所以從后端傳過來的數據無論是什么類型，一旦放到vue的data里面，就會被element-ui的switch強制轉換成bool類型，

但是因為沒有識別到boolean類型的數據，所以一直打印出來的結構都是false。

解決方案：

其實方法很簡單的，可能只是覺得很蹊蹺，就鉆到了這個漩渦里爬不出來了。越過山丘~就是柳暗花明，

我只需要把數據拿過來循環遍歷重新給需要的部分賦予bool值就解決了這個問題。

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的elementUI之switch应用的坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。