javascript - vuejs2.0的element-ui元件select選擇器無法顯示選取的內容

Question

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、請踩過坑的朋友幫忙指導下。 。 。 ###

Answer 1

Element 1.3.0 將僅相容於 Vue 2.3.0 以上版本

Answer 2

升級了Element 1.3.0，Vue 2.3.0 後這個問題解決了，謝謝大家！

Answer 3

我也遇到類似問題了,用最新的https://unpkg.com/element-ui@...，https://unpkg.com/element-ui@...，在vue2.2.1正常了

Answer 4

應該是版本問題，剛踩完坑

Answer 5

樓1 樓2 的方法是正確的，我也遇到了相同的問題，版本換了以後，就沒問題了。