前言:
因为项目中用到了饿了么出品的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值就解决了这个问题。