vue中兄弟组件间传值的方法:
1、数据放在公共的父组件再一层一层的传递。 2、利用vue(常用于多个组件共用一个数据,对于一两个组件的话大可不必) 3、利用事件总线来解决 利用uni.$emit来进行触发事件的变化
```handlebars
<template>
<view class="">
<input type="text" v-model:value="numA" />
<button type="default" @click="submitn">同步</button>
a组件
</view>
</template>
ssss
<script>
export default{
data(){
return{
numA:10
}
},
methods:{
submitn(){
// 通知事件处理者更新
uni.$emit("numAChange",this.numA)
}
}
}
</script>
利用uni.$on监听事件的变化
<template>
<view class="">
b组件
</view>
</template>
<script>
export default{
data(){
return{
}
},
created(){
// uni.$on监听事件的触发
uni.$on("numAChange",(numA)=>{
console.log(numA)
})
}
}
</script>
|