当前位置: 移动技术网 > IT编程>脚本编程>vue.js > vue组件之间props,$refs,$emit传值小结

vue组件之间props,$refs,$emit传值小结

2020年10月23日  | 移动技术网IT编程  | 我要评论
vue组件之间props,$refs,$emit传值小结参考文章https://www.jb51.net/article/140581.htm注意:1、一般之间刷新子组件获取父组件的值,直接使用props传值就能拿到,$refs可能拿不到值,报错,尝试使用this.$nextTick((){this.$refs.XXX.refreshData()});2、有点击事件常用$refs传值,this.$refs.XXX.refreshData(),要是加载获取不到值,执行没拿到

vue组件之间props,$refs,$emit传值小结

参考文章https://www.jb51.net/article/140581.htm

注意:

1、一般之间刷新子组件获取父组件的值,直接使用props传值就能拿到,$refs可能拿不到值,报错,尝试使用this.$nextTick((){this.$refs.XXX.refreshData()});

2、有点击事件常用$refs传值,this.$refs.XXX.refreshData(),要是加载获取不到值,执行没拿到尝试使用this.$nextTick((){this.$refs.XXX.refreshData()});,一般可以获取

3、$emit子组件给父组件传值常用如文章可见$emit(getMessage,"XXXX");此外以下方式也可以

父组件:this.selectionList = this.$refs.actReModel.getSelectList();子组件:getSelectList() {return this.selectionList;    },

computed计算属性使用:

      

 

本文地址:https://blog.csdn.net/qq_38615014/article/details/109237048

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网