标签：lable 效果 ElementUI value label item 对应 类型 选择器

原因可能是因为，后台返回的 value 字符串类型，但是前端自己写的下拉选择 option 对应的 value 是整数类型，就会导致对应不起来，渲染不出效果。

<template>   <el-select v-model="value" placeholder="请选择">     <el-option       v-for="item in cities"       :key="item.value"       :label="item.label"       :value="item.value">       <span style="float: left">{{ item.label }}</span>       <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>     </el-option>   </el-select> </template>
<script> export default {   data () {     return {       cities: [{         value: '0',         label: '关'       }, {         value: '1',         label: '开'       }],       // 这里注意 value是字符串类型不是整数类型 value: 1不对       value: '1'     }   } } </script>

错误效果展示：

正确效果展示：

 

标签：lable,效果,ElementUI,value,label,item,对应,类型,选择器
来源： https://www.cnblogs.com/huguo/p/16466686.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。