ElementUI 的 el-select 设置值后显示value而不是label

问题: ElementUI 的 el-select 设置值后显示value而不是label

ElementUI 的 el-select 设置值后显示value而不是label_第1张图片

ElementUI 的 el-select 设置值后显示value而不是label_第2张图片

 

关键是这里:  

查了下百度 主要是value值的格式不一样, 我的form.state是数字, 也就是Number类型
而value="1" 表示value是字符串类型(原生HTML默认字符串类型)

要想改成数字类型 应改成 v-bind:value="1" 这时1代表的是数字类型而不是字符串

ElementUI 的 el-select 设置值后显示value而不是label_第3张图片

 

问题解决:

ElementUI 的 el-select 设置值后显示value而不是label_第4张图片

 

当然, 也可以在加载form.state的代码处写form.state.toString()将state转成字符串 就可以用原生HTML的写法

你可能感兴趣的:(前端入门,Vue,elementui,el-select,html,vue.js)