在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 關(guān)于vue.js下拉框數(shù)據(jù)綁定問題

關(guān)于vue.js下拉框數(shù)據(jù)綁定問題

這樣子綁定的數(shù)據(jù)是自定義的,那如果想通過查詢后臺(tái)數(shù)據(jù)庫,將查詢的結(jié)果顯示在下拉框中應(yīng)該怎么做呢?附上html和vue.js

html:
<div class="form-group">
                    <div class="col-sm-2 control-label">狀態(tài)</div>
                    <div class="col-sm-10">
                        <select class="form-control" v-model="a.orderStatus">
                            <option v-for="item in items" v-bind:value="item.value">{{item.text}}</option>
                        </select> 
                    </div>
                </div>
vue.js:
var vm = new Vue({
    el:'#rrapp',
    data:{
        showList: true,
        title: null,
        a: {},
        items:[{text:'待付款',value:'1'},{text:'已付款-待受理',value:'2'},{text:'已受理-審核中',value:'31'},
               {text:'已投保',value:'32'},{text:'出險(xiǎn)已受理,資料審核中',value:'41'},{text:'審核通過,理賠進(jìn)行中',value:'42'},
               {text:'完成理賠,出險(xiǎn)歸檔',value:'43'},{text:'中止出險(xiǎn)',value:'44'},{text:'已退款',value:'-1'}]
    },
回答
編輯回答
款爺

把取到數(shù)據(jù)復(fù)值到 items 上面就好了

// 例如下面這種 我是通過vuex封裝了請(qǐng)求 你直接axios 或者vue-resource都可以
this.$store.dispatch('getList',{id:1}
).then((res)=> {
this.items = res
})

2017年11月27日 14:28
編輯回答
夢一場

調(diào)接口拿到數(shù)據(jù)后 this.items = result

2017年1月15日 21:07