今天用element ui 的select组件回显数据时无法正确匹配。
具体示例为:options为对象,对象的属性为value(number类型),属性值为label
代码如下:
<template>
<el-select v-model=”value” placeholder=”请选择”>
<el-option :label=”item” :value=”index” v-for=”(item, index) in options” :key=”index”> </el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: { 1: 字母A, 2: 字母B }, value: ” }
}
}
</script>
由于select组件默认将传过来的value设置为String类型,因此若直接这样写,数据无法匹配。选择器显示的值会变为字符串的数字,并没有匹配到对应的属性值。(选择器对数据的显示就是若匹配到对应的value会显示相应的label;若没有匹配到,显示的是该value)。
因此若要该类数据正确显示,需要在获取到选择器应该显示的value之后,将value变为String类型。这样才可以正确显示。
转载于:https://my.oschina.net/u/2262481/blog/1920387
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/101514.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...