<!-- 存量查询 -->
<div class="all dis_no" id="_search" >
<div class="cl_select_box" id="_vipmenbers">
<select name="" v-model="vipSelected">
<option value="">请选择</option>
<option v-for="(vip,i) in vipmenbersList" :value="vip.CODE">{{vip.VALUE}}</option>
</select>
<div class="cl_select__line"></div>
</div>
</div>
刚开始我在id=“_search"的div及id="_vipmenbers"的div都做了new Vue,然后怎么都读取不到vipmenbersList的数据。最后我只保留一层new Vue,才能读取到数据。如下图代码,只保留一个new Value
var search = new Vue({
el: '#_search',
data() {
return {
vipmenbersList : []
}
},
methods: {
// 初始化
init : function() {
axios.post('/jyqy/wx/xxxxxxxxxxxx!ajaxMicroService.do', {
serviceName:'xxxxxxxxxxxxxxxxxxxxxxxxxxx',
methodPath:'/dic/dicItem/getDicItemList',
tranBody:{
'kinds[]':['510']
}
}).then(res => {
console.log(res.data)
var code = res.data.returnData.returnHeader.respCode
if(code == "FRW-0000") {
this.vipmenbersList = res.data.returnData.returnBody.rows;
}
}).catch(function (error) {
console.log(error)
});
}
},
created () {
this.init();
}
});