1. 首页
  2. JAVASCRIPT
  3. [JavaScript] vue element ui- select 插件无法自动显示v-model的问题解决方法

[JavaScript] vue element ui- select 插件无法自动显示v-model的问题解决方法

当你的el-select 中v-model切换,但是 显示的内容不是希望的内容,而是数字时,应检查数组中的对应id 绑定的value 是否与 data中的v-model类型相同例如 下面的这段代码就是...

当你的el-select 中v-model切换,但是 显示的内容不是希望的内容,而是数字时,

应检查数组中的对应id 绑定的value 是否与 data中的v-model类型相同

例如 下面的这段代码就是可以运行的。  因为代码将原本为string类型的数字,使用了parseInt方法,使得类型与 v-model绑定的数字类型

这样就可以正常显示你希望显示的数据了

本文只用伪代码说明问题,

new Vue({
...
data:{
   selno: 0,
   usrSvts:[],
   svtArray
}
...
})

jade 模板
el-select(size='medium', v-model='selno' placeholder='请选择' @change="svtchange")
  el-option(v-for='item in usrSvts', :key='parseInt(item.id)', :label='item.id+":"+svtArray[item.svtId].name', :value='parseInt(item.id)')


哎哎
相关推荐