欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-25 11:43:41
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

computed计算属性使用:

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

      

 

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