前端填坑日记（一），都是坑，慢慢填吧

今天做项目的时候遇到了一个tab按钮切换的需求，比如说：男性按钮和女性按钮切换，后端需要这个值（0和1）作为入参，elementUI上有一个<el-radio-group>单选按钮，代码大概如下，


男女性按钮切换

页面效果是这样子的


选择男性


选择女性

但是这里有个坑，那就是这个值是字符串的1，而不是数值型的1，可以加个change事件，看下这个值typeof()的类型


change事件


控制台输出的是string类型

因为后端需要的是数值型的0或1，而不是字符串的0或1，所以可以加个Number()即可解决该问题，代码和展示图如下


加个Number()即可


Number()，转为数值型

虽然使用“==”也可以通过判定，但至于为什么不使用“==”，那是因为这个项目加了eslint，但能用绝对等于就尽量使用绝对等于，这是填坑日记，该填的还是会填的，下次一定填坑

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容