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

发布于 2022-09-11 23:55:54 字数 732 浏览 20 评论 0

   <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。这个不行

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

独木成林 2022-09-18 23:55:54

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

╰沐子 2022-09-18 23:55:54

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文