vue关于监听子组件接收从父组件传过来的动态值的问题

这几天开发时，发现了一个现象，当我想监听子组件接收的从父组件传过来的值得时候，watch不起作用，查了很多资料，大概的原因是因为watch监听得必须是第一次绑定得值，并且初始值发生了改变得时候才会监听到，而子组件通过props接收的父组件中得值并没有初始值，因此无法监听到，可以添加immediate为true得时候才能生效

watch: {editConfig:{handler(newVal,oldVal) {console.log('bbb');console.log(newVal);this.headerData.type = this.editConfig.editData.type ? this.typeData[this.editConfig.editData.type] : trueconsole.log(typeof this.typeData[this.editConfig.editData.type]);},immediate: true}}

vue关于监听子组件接收从父组件传过来的动态值的问题相关推荐

Vue 子组件接收到父组件传的值之后再渲染页面
渲染页面用到值options,而这个值是父组件请求接口得到并传给子组件的.所以有一定的耗时.渲染子组件页面时,options值还为null,就会报错Error in render: "Typ ...
Vue.js 之组件-监听子组件事件
1.监听子组件事件前面介绍了父组件如何通过 prop 向子组件传递数据,反过来,子组件如何向父组件通信呢? 在 Vue.js 中,这是通过自定义事件来实现的,子组件使用 $emit() 方法触发事件 ...
Vue子组件使用$emit接收从父组件的返回值
1.父组件 <template><div><div style="font-weight:bold">{{ fatherText }}:{{ t ...
VUE：父子组件间传参、子组件传值给父组件、父组件传值给子组件
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子 ...
vue中组件之间调用方法——子组件调用父组件的方法父组件调用子组件的方法
vue中组件之间调用方法--子组件调用父组件的方法 & 父组件调用子组件的方法 1.vue中子组件调用父组件的方法 1.1.第一种方法是直接在子组件中通过this.$parent.event来 ...
vue 中监听并设置scrollTop
vue 中监听并设置scrollTop 问题描述: 目前在做一个项目,父子组件以及兄弟组件中数据调用比较频繁.但是鉴于项目没那么大,就没有使用vuex.直接使用了this.$emit来给父级组件传递参 ...
什么是VUE的父组件和子组件？那么父组件和子组件又是怎样传值的呢？
有时候我们经常分不清什么是父组件,什么又是子组件.现在来简单说下:我们将某段代码封装成一个组件,而这个组件又在另一个组件中引入,而引入该封装的组件的文件叫做父组件,被引入的组件叫做子组件.以上是我个人 ...
vue 父组件调子组件方法_vue父组件调用子组件有哪些方法
这次给大家带来vue父组件调用子组件有哪些方法,vue父组件调用子组件的注意事项有哪些,下面就是实战案例,一起来看一下. 情景: 父组件中引入上传附件的子组件:点击组件可以分别上传对应要求的图片,子组 ...
vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...

vue关于监听子组件接收从父组件传过来的动态值的问题

vue关于监听子组件接收从父组件传过来的动态值的问题相关推荐

最新文章

热门文章