vue组件内数值做watch监听，首次监听不到的问题

在vue中会使用很多子组件，有时因为组件的类型等原因会导致数据监听不到的情况，下面列举几种问题和解决方法

子组件内数据首次监听不到时，可以使用【immediate】方法，其值是true或false；immediate:true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法

watch:{uploadImageUrl:{immediate:true,handler:function(newval){this.uploadShowImageUrl = newval;}}
},

子组件的深度监听函数【deep】，其值是true或false；确认是否深入监听。deep的意思就是深入观察，监听器会一层层的往下遍历，给对象的所有属性都加上这个监听器（受现代 JavaScript 的限制 (以及废弃 Object.observe)，Vue 不能检测到对象属性的添加或删除）

watch:{uploadImageUrl:{deep:true,handler:function(newval){this.uploadShowImageUrl = newval;}}
},

给组件内的props为对象的数据设置默认值

如果prop中接收的数据为对象或者数组类型，是不可以像字符串等【default:’’】直接指定default值的，会报【Invalid default value for prop “defaultProp”: Props with type Object/Array must use a factory function to return the default value.】错误，修正方法如下

defaultProp: {type: Object,default: function(){return {children: 'children',label: 'name'}}
},

vue组件内数值做watch监听，首次监听不到的问题相关推荐

vue res返回html,vue 组件内获取actions的response方式
最近使用在学习使用vuex,想利用vuex集中管理状态.在和后台进行数据交互的时候,必然会涉及接口的调用,此类异步操作,通常写在action里面: import Vue from 'vue'; imp ...
vue组件加载完成之后执行方法_vue-cli监听组件加载完成的方法
在使用vue-cli开发项目时遇到过一个问题,要求是页面组件全部加载完成后再执行某个函数,给上代码参考,方法可能有点笨,好在实现了功能. 1.安装vuex npm install vuex --sav ...
vue 组件内引入外部在线js、css
一.css: <style scoped>@import 'https://unpkg.com/element-ui@2.3.7/lib/theme-chalk/index.css'; & ...
在vue组件内单独引入css
第一种方式可以引入这种方式 @import "相对路径"; 但是要注意的是引入之后如果再在下面进行样式覆盖,那同样会生效第二种方式
ts写法vue组件内守卫beforeRouteLeave不生效问题
解决办法需要加上下面一行代码 Component.registerHooks(['beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate' ...
自制vue组件通信插件:教你如何用mixin写插件
"vue-unicom"的作者:szpoppy,如果觉得对你有用,请一定点个star 这个项目虽然是szpoppy的个人项目,但是在szpoppy公司内是在大面积使用的,一直由sz ...
vue组件通信v兄弟组件通信eventbus遇到的问题（多次触发、第一次不触发）
组件通讯包括:父子组件间的通信和兄弟组件间的通信.在组件化系统构建中,组件间通信必不可少的 (vuex以后再说). 父组件--> 子组件 1. 属性设置父组件关键代码如下: 1 <tem ...
vue 带全选和多选的表格怎么写_vue实现下拉列表多选全选以及模糊查询的vue组件...
vue实现下拉列表多选全选以及模糊查询的vue组件发布时间:2018-09-12 17:41, 浏览次数:3776 , 标签: vue <>前端,有时有这样的需求,需要一个下拉列表,还要 ...
vue组件样式scoped
1.vue组件中的样式如果没加scrped,样式代表的是全局样式(避免组件之间样式的冲突).加了属性代表是模块化的. 其他组件引用button组件上面分析了单个组件渲染后的结果,那么组件互相调用之后 ...

vue组件内数值做watch监听，首次监听不到的问题

在vue中会使用很多子组件，有时因为组件的类型等原因会导致数据监听不到的情况，下面列举几种问题和解决方法

vue组件内数值做watch监听，首次监听不到的问题相关推荐

最新文章

热门文章