码迷,mamicode.com
首页 > 其他好文 > 详细

vue selected联动查询实例2

时间:2017-03-02 23:25:02      阅读:915      评论:0      收藏:0      [点我收藏+]

标签:ons   options   查询   div   put   color   lis   ng2   cte   

<body id="app">
    <select v-model="selected" id="text"> 
        <option v-for="option in options"> {{option.text}} </option>
    </select> 
    <br />
    <br />
    <br />
    <select v-model="list"> 
        <option v-for="v in list">{{v.a}}-{{v.b}} </option>
    </select> 
  </body>

new Vue({
    el: ‘#app‘,
    data: {
       selected:"A",
         options: Array
    },
    ready: function () {
      let option= [
         { text: ‘One‘, value: [{a:1,b:2},{a:2,b:3},{a:3,b:4}] },
         { text: ‘Two‘, value: [{a:11,b:22},{a:22,b:33},{a:33,b:44}] }, 
         { text: ‘Three‘, value: [{a:111,b:222},{a:222,b:333},{a:333,b:444}] } 
       ];
       this.$set("options",option);
         console.log(this.options);
    },
    computed: {
        list: function () {
            for(var i in this.options){
                // console.log(this.options[i].text)
                if(this.options[i].text == this.selected){
                    console.log(this.options[i].value)
                    return this.options[i].value
                }
            }
        }
    }
  })

http://www.cnblogs.com/jasonwang2y60/p/6404352.html 

vue selected联动查询实例2

标签:ons   options   查询   div   put   color   lis   ng2   cte   

原文地址:http://www.cnblogs.com/liadmin/p/6492847.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!