前言：

因为项目中用到了饿了么出品的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