项目经常会遇到select选择器中字符串与数字的显示问题，el-select 默认以字符串进行匹配，现实情况中后端经常存整型，el-select 默认会原样输出，效果如下：
image.png
解决方式：绑定value值的时候在前面加上冒号，
不加冒号：要匹配的值必须是字符串才能正常显示下拉框的默认值，并且选择后框内显示数字；
加冒号：会根据字段值来判断属性的类型
代码如下：
value加 :
效果如下：
正常显示
下拉列表内容中的 id 为 字符串，table 中的 id 为 整型，所以会出现不匹配的情况
下拉列表内容
表格中的内容
代码
效果
项目经常会遇到select选择器中字符串与数字的显示问题，el-select 默认以字符串进行匹配，现实情况中后端...
el-select 选择框，选择之后传值，万一要传多个值怎么办，v-model只绑定了一个值。解决方法: 加...
1.在ie中使用element ui 中的el-select组件时会产生聚焦问题如图：解决方法： js
好久没用Vue了，最近做一个vue项目时发现用el-select时出现一个问题：选中列表中的选项，但输入框不显示已...
Bug情况描述：React Native项目中，点击按钮A出现弹框浮层，弹框中需要TextInput输入数字，键盘...
解决数字选择框不能正常加减数字的问题 初始化数字选择框，在数字选择框组件goodsinfo-numbox.vue中...
使用Vue框架和element-ui开发时，在el-select下拉框遇见的问题，改变了页面中的某个值，在函数中查...
需求： input 输入框输入只能输入数字 开始，我的解决方法是：onkeydown: 然后测试不开心了，测试说：...
在开发中遇到el-select下拉全选功能，默认：全部，全选的时候里面的内容都要选上，点击的时候可进行不选，输入框...
搜索框要用到的知识： 编辑框和键盘 安装apk时出现错误 关于Apk安装失败问题的解决方法 android真机安装...
本文标题：el-select框中出现数字的解决方法
本文链接：https://www.haomeiwen.com/subject/ofsmuctx.html
网友评论