element-ui下拉菜单组件Dropdown的示例代码_vue.js_

// 我们声明一个数据对象，在创建VUE实例的时候，绑定到vue的数据中，这里的数据是响应式的，就是当数据发生改变时，页面不需要刷新就可以发生改变。     var obj = {         // 下拉列表显示的数据         options: [{             key:'1',             value: '选项1',             label: '黄金糕'         }, {             key:'2',             value: '选项2',             label: '双皮奶'         }, {             key:'3',             value: '选项3',             label: '蚵仔煎'         }, {             key:'4',             value: '选项4',             label: '龙须面'         }, {             key:'5',             value: '选项5',             label: '北京烤鸭'         }],         // 选中项的label         position:'',     };     // 创建VUE实例     var app = new Vue({         el: '#app', // 绑定元素         data: obj,         methods: {             /**              * @name 选择选项的时候触发的事件（只能传递一个参数）               */             handleCommand(command)             {                 var self = this;                 // 如果没有传递command，那么就是清空选项                 if(!command)                 {                     self.position = '';                 }                 else                 {                     // 循环json数组，我这里的目的是，将你选中的选项的label显示到框中。                     for (var i = 0; i < self.options.length; i++)                      {                         if (self.options[i].key == command)                          {                             self.position = self.options[i].label;                         }                     }                 }             },         },     });