vue同级组件间传值
1、在main.js同级目录下新建new.js文件import Vue from 'vue'export default new Vue()2、在组件a中传出值先引入new.js文件,再通过$emit传值<template><div @click="onfocus"></div><
·
1、在main.js同级目录下新建new.js文件
import Vue from 'vue'
export default new Vue()
2、在组件a中传出值
先引入new.js文件,再通过$emit传值
<template>
<div @click="onfocus"></div>
</template>
<script>
import New from '@/new.js'
export default{
methods:{
onfocus:function(fromid){
New.$emit('getisshow',{
show:true
})
}
}
}
</script>
3、在同级b组件中通过$on接收
<script>
import New from '@/new.js'
export default{
created(){
New.$on('getisshow',data => {
console.log(data) //{show:true}
})
}
}
</script>
项目大的话就直接用vuex吧
更多推荐
已为社区贡献12条内容
所有评论(0)