前言：

因?yàn)轫?xiàng)目中用到了餓了么出品的element-ui這一套u(yù)i框架，所以很多地方都踩在了坑里，前面碰到了一些，今天著重聊一下switch這個(gè)組件。

首先switch接受Boolean類型的數(shù)據(jù)，莫非是true和false。

對switch進(jìn)行賦值，我們就需要從后端傳過來數(shù)據(jù)。我數(shù)據(jù)庫里存放的數(shù)據(jù)也確實(shí)是bool，

后得知mysql是需要用tinyInt來代替boolean類型的，但是傳輸是要全部轉(zhuǎn)化成字符串傳輸?shù)摹?/p>

因?yàn)関ue的data里面的數(shù)據(jù)已經(jīng)和switch做了綁定，

所以從后端傳過來的數(shù)據(jù)無論是什么類型，一旦放到vue的data里面，就會被element-ui的switch強(qiáng)制轉(zhuǎn)換成bool類型，

但是因?yàn)闆]有識別到boolean類型的數(shù)據(jù)，所以一直打印出來的結(jié)構(gòu)都是false。

解決方案：

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

我只需要把數(shù)據(jù)拿過來循環(huán)遍歷重新給需要的部分賦予bool值就解決了這個(gè)問題。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。