vue同时调用一个组件2次如何数据隔绝

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue同时调用一个组件2次如何数据隔绝相关的知识,希望对你有一定的参考价值。

Vue父组件向子组件传递事件/调用事件
不是传递数据(props)哦,适用于 Vue 2.0
方法一:子组件监听父组件发送的方法
方法二:父组件调用子组件方法
子组件:
export default mounted: function () this.$nextTick(function () this.$on('childMethod', function () console.log('监听成功') ) ) , methods callMethod () console.log('调用成功')
父组件:
<child ref="child" @click="click"></child> export default methods: click () this.$refs.child.$emit('childMethod') // 方法1 this.$refs.child.callMethod() // 方法2 , components: child: child
以上这篇Vue父组件调用子组件事件方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:VUEJS 2.0 子组件访问/调用父组件的实例vue.js中父组件调用子组件的内部方法示例ES6下子组件调用父组件的方法(推荐)
参考技术A 可以用 深度拷贝 实现 希望采纳

以上是关于vue同时调用一个组件2次如何数据隔绝的主要内容,如果未能解决你的问题,请参考以下文章

vue 子父组件相互调用的方法 2018-11-09

vue组件之间的通信以及如何在父组件中调用子组件的方法和属性

vue异步渲染

如何调用具有不同数据属性的组件? (vue.js 2)

Axios-一次发出多个请求(vue.js)

如何在不调用事件的情况下将数据从子级发送到父级(vue 2)