学完vue很长时间了但是一直在实际工作开始中用到感觉忘完了。最近年底正好比较闲。把最近写的一个抽奖系统改造一下。
其实代码很简单。我想实现页面加载完成立马去渲染页面
new Vue({
el:"#award",
data:{
msg:[]
},
methods:{
getData:function(){
let self = this;
$.ajax({
type:"get",
url:ss.urlMapping['GETALLAWARD'],
async:false,
data:{},
dataType:"json",
success:function(data){
self.msg = data.data
},
error:function(data){
}
});
}
},
created:function(){
this.getData();
}
})
<div class="center">
<p>选择奖项:</p>
<select id="award" style="width: 200px;">
<option value="-1">请选择奖项</option>
<option v-for="data in msg" :value="data.id">{{data.name}}</option>
</select>
</div>
其实这是我百度出来的结果。我一开始的写法是把ajax这个过程写在created生命周期函数里面,但是不知道为什么一直加载不成功。希望有大佬帮忙解答一下。