D3.js 使用vue在数据更改时自动更新d3图表
我希望每次我的模拟更改和PAEss到dataa时,条形图都可以重新呈现或更新。我在条形图组件中查看了dataa,但它不起作用。 “console.log('this',this.dataa);”从不触发。我不知道哪一部分错了 这是我的密码:D3.js 使用vue在数据更改时自动更新d3图表,d3.js,vuejs2,vue-component,c3.js,D3.js,Vuejs2,Vue Component,C3.js,我希望每次我的模拟更改和PAEss到dataa时,条形图都可以重新呈现或更新。我在条形图组件中查看了dataa,但它不起作用。 “console.log('this',this.dataa);”从不触发。我不知道哪一部分错了 这是我的密码: <sr-bar-chart :title= "descriptionText.title_traffic" :dataa= "mock" :unit="descriptionText.avg7d_unit_people" :index="'1'
<sr-bar-chart
:title= "descriptionText.title_traffic"
:dataa= "mock"
:unit="descriptionText.avg7d_unit_people"
:index="'1'"
:barColor="'#adadad'"
})
谢谢 使用
watch
而不是watcher
,为了更好地衡量,我还将添加newValue参数
watch: {
dataa(newValue) {
console.log('this', this.count);
this.drawMap();
}
以下是有关监视属性的更多信息:使用
watch
而不是watcher
,为了更好地衡量,我还将添加newValue参数
watch: {
dataa(newValue) {
console.log('this', this.count);
this.drawMap();
}
这里有更多关于被监视属性的信息:在道具中,我觉得他有一个名为
dataa
的属性。@BertEvans你完全正确。我错过了道具。让我再看一看。@BertEvans我已经根据您的反馈和对代码和文档的第二次审阅更新了我的答案。@BertEvans您是说Vuejs将在观察者
对象中找到观察方法,而不是在观察
对象中?我检查了版本1文档和版本2文档,没有发现任何迹象。因此,我认为他的dataa
观察程序没有被调用的主要原因是vuejs在watch
对象中寻找观察方法,而不是在watchers
对象中。不?你完全正确。我没有注意到拼写错误。在我看来,他在道具中有一个名为dataa
的属性。@BertEvans你完全正确。我错过了道具。让我再看一看。@BertEvans我已经根据您的反馈和对代码和文档的第二次审阅更新了我的答案。@BertEvans您是说Vuejs将在观察者
对象中找到观察方法,而不是在观察
对象中?我检查了版本1文档和版本2文档,没有发现任何迹象。因此,我认为他的dataa
观察程序没有被调用的主要原因是vuejs在watch
对象中寻找观察方法,而不是在watchers
对象中。不?你完全正确。我没有注意到拼写错误。你能拼凑一把小提琴/笔/任何能说明问题的东西吗?你能拼凑一把小提琴/笔/任何能说明问题的东西吗?