在已经画好的一个大屏的基础上,要求分化出一个新的大屏,基础内容就只有某一个组件有变化
我的想法是在路由跳转的时候传一个参数,控制组件的变化
然后在mounted里面监听路由的参数。控制组件的显隐
mounted() {
this.isOther = this.$route.query.isOther
this.refresh()
}
refresh() {
this.$refs.patrolTaskChart && this.$refs.patrolTaskChart.getData()
},
然后就发现控制台多了一个不明错误
百度了很久没发现正确解法,但是看了很多文章,大概知道原因是dom渲染的问题,后面一个个注释我的页面元素(笨人办法,但是好用),发现问题都不在这。
最后整体看了一下我改的代码,才发现,我的初始化参数放在了mounted里面,导致最开始在created的时候没渲染出来的节点,mounted的时候才开始渲染,而mounted的方法里我又要选这个节点,然后发现找不到元素(没渲染出来),然后就导致报错。
总结:有关节点渲染的参数,最好都放在created方法里