element 的select 到底怎么设值和取值?

   <el-select 
         v-model="value" 

          >
          <el-option v-for="(kValue,key) in options" :key="key" :label="kValue"
           :value="key">
            </el-option>
            </el-select>
            
         "value": "",  
         "options": {
             "1":"test1",
             "2":"test2222"
         },

用element的select做下拉列表,
我配置的话,绑定的类型是对象类型,不是数组类型,选中值的时候,显示的是key对应的内容,取值的时候是把key取出来,然后用过可key取得key对应的内容,而设置值的时候,把key值放入value中,让select的输入框自动显示key对应的内容。用户等窗口显示后进行设置

可出现了问题,设置值的时候,直接把对象里的属性key赋值给value,而select却显示的是key值,而不是key对应的值,比如我设value为1,select显示却是1,而不是 test1。
这个怎么解决啊。

若直接赋值key所对应的内容给value的话,那保存取出就不是key。这个不行

阅读 5.2k
2 个回答

options{KValue:'test1',kye:'test222'} 你这样你的 model 取的值就是 :value="key"

新手上路,请多包涵

之前也和你遇到了同样的问题,但后来我发现如果先对value变量赋key值之前,你要保证options(因为我是后端获取options的,所以存在时间间隔,如果options初始化有值,则不存在这个问题)的key-value键值对存在就可以了。这样select组件就可以通过value对应的key来找到label了,并且将label显示在select ui组件上

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题