1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue使用html渲染组件 Vue.js在渲染组件之前填充数据

vue使用html渲染组件 Vue.js在渲染组件之前填充数据

时间:2018-08-10 22:21:17

相关推荐

vue使用html渲染组件 Vue.js在渲染组件之前填充数据

我是Vue.js的新手,我试图创建一个没有成功的简单组件,它包含一个selectList,我试图填充它的选项数据来模拟Ajax请求,这是我的代码:Vue.js在渲染组件之前填充数据

HTML

{{n.name}}

Selected Team: {{team}}

JS

ponent("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"

});

我很感谢任何帮助

-03-03

mmuniz

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。