vue中父组件传值给子组件，父组件值改变，子组件不能重新渲染

在子组件中用watch()监听值的改变，不同的类型的要用不同的监听方法

props: { echartStyle: { type: Object, default() { return {} }}, titleText: { type: String, default: '' }, tooltipFormatter: { type: String, default: '' }, opinion: { type: Array, default() { return [] } }, seriesName: { type: String, default: '' }, opinionData: { type: Array, default() { return [] } } }

watch进行监听

watch:{ titleText:function(newValue,oldValue){ this.getChange(); }, echartStyle:{ handler(newValue,oldValue){ this.getChange(); }, deep:true }, tooltipFormatter:function(newValue,oldValue){ this.getChange(); }, opinion:{ handler(newValue,oldValue){ this.getChange(); }, deep:true //深度监听 }, seriesName:function(newValue,oldValue){ this.getChange(); }, opinionData:{ handler(newValue,oldValue){ this.getChange(); }, deep:true } },

父组件向子组件传值时，值已经传过来却没有触发子组件的watch监听，解决~

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/11129.html