标签:隐藏和显示 component ret 操作 console methods button isp 面试题
01===》子传父 使用函数的方式 接受
zi.vue
<template>
<div>
子组件:
<span>hha</span>
<button @click="clickBtn"> 点我传递给父亲 </button>
</div>
</template>
export default {
data(){
return{
msg:"儿子数据 传递给父亲"
}
},
methods: {
clickBtn(){
this.$emit("getval",this.msg) //触发自定义事件 参数1:自定义事件的名称 参数2:要传递的参数
}
},
}
fu.vue
ps=====>在自定义组件上, 绑定的所有事件句柄(不管是静态 还是动态)都是自定义事件 不会自动触发 需要手动触发
<template>
<div>
父组件:
<child @getval="getzivalue"></child>
</div>
</template>
<script>
import child from "../zi/zi"
export default {
components: {
child
},
data () {
return {
}
},
methods:{
getzivalue(mess){
console.log("儿子传递过来的参数"+mess) //输出 “儿子数据 传递给父亲”
}
}
}
</script>
标签:隐藏和显示 component ret 操作 console methods button isp 面试题
原文地址:https://www.cnblogs.com/IwishIcould/p/11627796.html