我是Vue.js的新手，我試圖創(chuàng)建一個沒有成功的簡單組件，它包含一個selectList，我試圖填充它的選項數(shù)據(jù)來模擬Ajax請求，這是我的代碼：Vue.js在渲染組件之前填充數(shù)據(jù)

HTML

{{n.name}}

Selected Team: {{team}}

JS

Vue.component("my-select", {

template: "#my-template",

mounted: function() {

this.getTeams().then(function(data) {

this.teams = data;

});

},

data: function() {

return {

team: 0,

teams: []

}

},

methods: {

getTeams: function() {

var d = $.Deferred();

setTimeout(function() {

var teams = [

{id: 1, name: "Real Madrid"},

{id: 2, name: "Bayern München"}

];

d.resolve(teams);

}, 2000);

return d.promise();

}

}

});

new Vue({

el: "#app"

});

我很感謝任何幫助

2017-03-03

mmuniz

總結(jié)

以上是生活随笔為你收集整理的vue使用html渲染组件,Vue.js在渲染组件之前填充数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。