Element

Element 提 bug 模板

by leopoldthecuber

HTML

<script src="//unpkg.com/[email protected]/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.js"></script>

<div id="app"></div>

CSS

@import url("//unpkg.com/[email protected]/lib/theme-default/index.css");

JavaScript

var Main = {
  template: `
  <div>
    <el-select v-model="value">
      <el-option v-for="item in items" :label="item.label" :value="item.value" :key="item.label"></el-option>
    </el-select>
    <el-button @click="onClick">修改options</el-button>
  </div>
  `,
  data() {
    return {
      value: '1',
      items: [
        { label: 'a', value: '1' },
        { label: 'b', value: '2' },
      ]
    }
  },
  methods: {
    onClick() {
      this.items = [
        { label: 'x', value: '1' },
        { label: 'y', value: '2' },      
      ];
    }
  }
}

new Vue({
  el: '#app',
  render: h => h(Main)
})