详解Vue2 watch监听props的值
更新时间:2023年12月09日 14:37:00 作者:iiiilooaixuud
再次遇到监听子组件收到父组件传过来的值,如果这个值变化,页面中的值发现是不会跟着同步变化的,本文给大家介绍Vue2 watch监听props的值,感兴趣的朋友一起看看吧
再次遇到监听子组件收到父组件传过来的值,如果这个值变化,页面中的值发现是不会跟着同步变化的。所以监听props中的值,一直监听。
代码:
props: { start:{ type: String, }, end:{ type: String, } },
computed:{ myStart:function(){ return this.start }, myEnd:function(){ return this.end } }, watch: { myStart:function(newVal){ if(newVal){ this.startTime=newVal } }, myEnd:function(newVal){ if(newVal){ this.endTime=newVal } }, },
到此这篇关于Vue2 watch监听props的值的文章就介绍到这了,更多相关Vue2 watch监听props的值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
element-plus结合sortablejs实现table行拖拽效果
使用element-plus的el-table组件创建出来的table,结合sortable.js实现table行拖动排序,文中有详细的代码示例供大家参考,具有一定的参考价值,感兴趣的同学可以自己动手试一试2023-10-10Vue3 Element Plus el-form表单组件示例详解
这篇文章主要介绍了Vue3 Element Plus el-form表单组件,Element Plus 是 ElementUI 的升级版,提供了更多的表单控件和功能,同时还改进了一些细节和样式,本文结合示例代码给大家详细讲解,需要的朋友可以参考下2023-04-04详解VUE自定义组件中用.sync修饰符与v-model的区别
这篇文章主要介绍了详解VUE自定义组件中用.sync修饰符与v-model的区别,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-06-06
最新评论