Element UI中的el-select默认选不中的问题解决

在使用element-ui框架时,一个小细节会导致el-select设置了默认值后显示不出来,原因是(组件的value一定要定义为字符串类型,如果是int类型就会默认选不中)。

正确的代码如下:首先定义组件el-select和数据数组

<el-select v-model="form.unit" placeholder="选择单位">
      <el-option
           v-for="(item,index) in unitList"
           :key="index"
           :label="item.unit_name"
           :value="item.unit_id">
       </el-option>
 </el-select>
 unitList:[{
      unit_id :'1',
      unit_name:'水晶'
     },{
      unit_id :'2',
      unit_name:'元'
     },{
      unit_id :'3',
      unit_name:'万'
     },{
      unit_id :'4',
      unit_name:'元/月'
    },{
      unit_id :'5',
      unit_name:'元/㎡'
 }],

错误的代码是:(unit_id一定要定义为字符串类型,如果是int类型就会默认选不中)

unitList:[{
      unit_id :1,
      unit_name:'水晶'
     },{
      unit_id :2,
      unit_name:'元'
     },{
      unit_id :3,
      unit_name:'万'
     },{
      unit_id :4,
      unit_name:'元/月'
    },{
      unit_id :5,
      unit_name:'元/㎡'
 }],


本站内容来源于作者发布和网络转载,如有版权相关问题请及时与我们取得联系,我们将立即删除。