Javascript VueJS-将数据从已创建的传递到已装载的()
是否有方法将数据从创建的函数传递到VueJS中装入的函数。我正在构建一个VueJS应用程序,我创建的函数如下所示Javascript VueJS-将数据从已创建的传递到已装载的(),javascript,html,json,vue.js,vuejs2,Javascript,Html,Json,Vue.js,Vuejs2,是否有方法将数据从创建的函数传递到VueJS中装入的函数。我正在构建一个VueJS应用程序,我创建的函数如下所示 created: function(){ $.getJSON({ url: 'static/timeline.json', success:function(json) { return json; } }) } var items = {}; mounted(){ container = document.getElementById(
created: function(){
$.getJSON({
url: 'static/timeline.json',
success:function(json) {
return json;
}
})
}
var items = {};
mounted(){
container = document.getElementById('mynetwork');
items = new vis.DataSet(json);
}
我想将json值传递到我挂载函数的vis.DataSet()中,如下所示
created: function(){
$.getJSON({
url: 'static/timeline.json',
success:function(json) {
return json;
}
})
}
var items = {};
mounted(){
container = document.getElementById('mynetwork');
items = new vis.DataSet(json);
}
那么,有没有一种方法可以将数据从created传递到mounted()函数?理论上应该这样做。但是对于代码,您有一个问题:异步数据。快速修复方法应该是将
vis.DataSet
部分移动到回调中。如果由于某种原因您不能这样做,那么您需要定义一个,从中您可以输入vis.DataSet
,可能类似于:
data: {
data: null
},
watch: {
data: function (value){
vis.DataSet(value || {})
}
},
created: function(){
var self = this;
$.getJSON({
url: 'static/timeline.json',
success:function(json) {
return self.data = json;
}
})
}
通过
getJSON
检索数据是异步的。在装载
点火时,数据极不可能可用。相反,您可能应该将挂载
中的代码移动到getJSON
成功处理程序中。