javascript - vuejs2.0的element-ui组件select选择器无法显示选中的内容

问题描述

问 题

1、vuejs2.0的element-ui组件select选择器无法显示选中的内容

2、`<template>
<el-select v-model="value4" clearable placeholder="请选择">

<el-option
  v-for="item in options"
  :label="item.label"
  :value="item.value">
</el-option>

</el-select>
</template>

<script>
export default {

data() {
  return {
    options: [{
      value: '选项1',
      label: '黄金糕'
    }, {
      value: '选项2',
      label: '双皮奶'
    }, {
      value: '选项3',
      label: '蚵仔煎'
    }, {
      value: '选项4',
      label: '龙须面'
    }, {
      value: '选项5',
      label: '北京烤鸭'
    }],
    value4: ''
  }
}

}
</script>`

3、官网实现是没有问题的，离开了官网的平台就出现问题，在GitHub上下载了一个demo也出现了相同的情况。

4、请踩过坑的小伙伴帮忙指导下。。。

解决方案

Element 1.3.0 将仅兼容 Vue 2.3.0 及以上版本

这篇关于javascript - vuejs2.0的element-ui组件select选择器无法显示选中的内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！