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

2022-07-29,,,,

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

《vue组件之间props,$refs,$emit传值小结.doc》

下载本文的Word格式文档,以方便收藏与打印。