element ui select 踩坑

element ui select 踩坑

今天用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账号...

(0)


相关推荐

  • 计算机的性能主要取决于硬盘的容量对吗,计算机的性能主要取决于(计算机的常用单位是什么)…[通俗易懂]

    计算机的性能主要取决于硬盘的容量对吗,计算机的性能主要取决于(计算机的常用单位是什么)…[通俗易懂]微型计算机的功能或性能不是由某个指标决定的,而是由它的系统结构、指令系统、硬件组成、软件配置等因素决定的。但是对于大多数普通用户来说,电脑的性能一般可以从以下几个指标来评价。1.运行速度运算速度是衡量计算机性能的重要指标。一般来说,计算机的运算速度(平均运算速度)是指每秒可以执行的指令数,一般用mips(百万条指令每秒)来描述。同一台计算机可能需要不同的时间来执行不同的操作,因此通常使用不同的方法…

  • .NET面试题「建议收藏」

    .NET面试题「建议收藏」1. 简述 private、 protected、 public、 internal 修饰符的访问权限。答 .private

  • jrtplib java,jrtplib 分包处理

    转载自:http://blog.csdn.net/sxcong/article/details/3736354听说jrtplib写的不错,终于找到时间下来看看。下载,直接用VC6编译,很容易。然后打开VC,建立工程,测试examples下那几个收发程序,的确用起来很简单。想想以前都是自己封装UDP,现在的程序员真幸福。不过,在发送视频数据时出了问题,跟踪进去看了一下,里面设置最大帧数据长度为140…

  • 【python】列出http://www.cnblogs.com/xiandedanteng中所有博文的标题

    代码:#列出http://www.cnblogs.com/xiandedanteng中所有博文的标题frombs4importBeautifulSoupimportrequestsuser_agent=’Mozilla/4.0(compatible;MEIE5.5;windowsNT)’headers={‘User-Agent’:user_agent}…

  • Android界面设计适配不同屏幕的尺寸和密度解读[通俗易懂]

    Android界面设计适配不同屏幕的尺寸和密度解读[通俗易懂]Android是运行在各种提供不同的屏幕尺寸和密度的设备。Android系统提供跨设备的统一开发环境和处理大部分的工作,以调整每个应用程序的用户界面,以在其上显示的画面。 同时,该系统提供了API,允许您控制您的应用程序的UI特定的屏幕尺寸和密度,以优化你的用户界面设计,不同的屏幕配置。作为设计师也要最大程度地为所有设备的体现良好的用户体验或是方便使用阅读,而不是简单地拉伸以适应屏幕上的设备。

  • java怎么使用random函数,java中的random函数

    java怎么使用random函数,java中的random函数RandomAccessFile(“C:/MyFile1/Test.java”,”wr”)30、当使用FileInputStream类中的read()方法时,如果没有读入一个字节数据时,返回值为()DA、0……3.Coding:ImplementthesolutioninJava.4.Testing:Makesurethatthenumbersap…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号