当前位置:   article > 正文

elementUI之switch应用的坑

elementui中el-switch使用的坑

前言:

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

转载于:https://www.cnblogs.com/amingxiansen/p/9328665.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/546541
推荐阅读