兄弟组件之间进行传值
首先创建一个中转站,是个js文件import Vue from 'vue'var hub=new Vue(); //中转站export default hub;然后在第一个兄弟组件中1.首先进行引入import bun from "./btn.js";2.设置一个点击事件<div class="box"><el-button @click="d...
·
首先创建一个中转站,是个js文件
import Vue from 'vue'
var hub=new Vue(); //中转站
export default hub;
然后在第一个兄弟组件中
1.首先进行引入
import bun from "./btn.js";
2.设置一个点击事件
<div class="box">
<el-button @click="danji()">默认按钮</el-button>
</div>
3.写方法
data() {
return {
msg: "我是child1的子组件",
zhi: "true"
};
},
methods:{
danji() {
bun.$emit("mmm", this.msg);
},
}
在另一个兄弟组件中
1.进行引入
import bun from './btn.js'
2.获取事件
<div class="bigbox">
{{kkk}}
</div>
3.方法
data(){
return{
kkk:'我是child2的组件'
}
},
created(){
bun.$on('mmm',(data)=>{
console.log(data)
this.kkk=data
})
}
这个里面的mmm就是第一个组件传过来的方法名。data,就是他传过来的值
更多推荐
已为社区贡献3条内容
所有评论(0)