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

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