<project-comp></project-comp>
加载页面时组件不显示。我设置了projects
使用 created
的属性 Hook 。但它不起作用。
这是我的代码:
Vue.component('project-comp',{
template: `
<div class='box'>
<div v-for='one in this.$parent.projects'>
<h2> @{{one.place}}</h2>
<h2> @{{one.time}}</h2>
</div>
</div>
`,
});
var app = new Vue({
el: '#root',
props:['projects'],
created: function () {
$.post(
'url',
{'city':'beijing'},
function(data){
this.projects = data;
},
'json'
);
},
});
最佳答案
似乎这个范围不正确,你应该有它:
var app = new Vue({
el: '#root',
props:['projects'],
created: function () {
var self = this
$.post(
'url',
{'city':'beijing'},
function(data){
self.projects = data;
},
'json'
);
},
});
对于 ES-6,它可以是:
var app = new Vue({
el: '#root',
props:['projects'],
created: function () {
$.post(
'url',
{'city':'beijing'},
(data) => {
this.projects = data;
},
'json'
);
},
});
检查 this进行解释。
关于javascript - vue组件在加载页面时不显示。如何让它显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42597979/