//在select-school.vue中,需要在在子组件标签上绑定子组件内部对应事件,并且方法名一致
<!-- 地区选择器 -->
<optional :status='show' @onUpdate='onUpdate' @onConfirm='onConfirm'></optional>
```
<script>
//引入子组件
import children from "../../pages/ele/element-children1.vue"
export default {
data() {
return {
valPar:"父组件传递过来的值"
}
},
components:{
//注册子组件
children
},
}
</script>
```
<script>
export default {
props:{
value:{
type:String,
default:"默认值"
}
},
data() {
return {
}
},
}
</script>
```
<script>
//引入子组件
import children from "../../pages/ele/element-children2.vue"
export default {
data() {
return {
//定义属性接收数据
valueChild:"",
}
},
components:{
//注册子组件
children
},
methods:{
// 子组件内部触发事件对应回调handle
handle(val){
this.valueChild=val;
}
}
}
</script>
```
<script>
export default {
data() {
return {
//要传递的数据
valueParent: "子组件传递过来的数据"
}
},
methods: {
handleTransmit() {
// 进行事件触发,传递数据
this.$emit("Transmit", this.valueParent)
}
}
}
</script>
```
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。