vue 绑定下拉框的事件
vue 2017-11-29 11:07:50

 

XML/HTML Code复制内容到剪贴板
  1. <select v-model="selectType" @change="renderList($event)">  
  2.     <option v-for="(item,index) in typeOptions" :value="item.value" :selected="item.active">{{item.label}}</option>  
  3. </select>  

 

JavaScript Code复制内容到剪贴板
  1. <script>  
  2.     export default {  
  3.         data() {  
  4.             return {  
  5.                 typeOptions: [{"label":"全部","value":0}], //搜索类型  
  6.                 selectType:0, //选择的搜索类型  
  7.                 dataList:[], //数据列表  
  8.             }  
  9.         },  
  10.         mounted: function() {  
  11.             this.init();  
  12.         },  
  13.         methods: {  
  14.               
  15.             init() {  
  16.                 /* 给搜索类型赋值 */  
  17.                 let publishType = this.global.getPublishType();  
  18.                 publishType.forEach((item,index) => {  
  19.                     let arr = {  
  20.                         "label":item,  
  21.                         "value":index  
  22.                     }  
  23.                     this.typeOptions.push(arr);  
  24.                 })  
  25.                 console.log(this.typeOptions);  
  26.             },  
  27.             renderList(event) {  
  28.                 console.log(this.selectType);  
  29.             },  
  30.         },  
  31.   
  32.     }  
  33. </script>  

 

本文来自于：http://www.yoyo88.cn/study/vue/238.html

上一篇 vue echarts图表插件
下一篇 mint-ui Navbar
相关的文章
Powered by yoyo苏ICP备15045725号