vue子组件更新父组件
2023/3/18 9:25:30
浏览
次
<template> <wenwenjisuanji @msg.sync="msg"></wenwenjisuanji> //关键是这里要带sync,sync背后是什么原理?</template><script> import wenwenjisuanji from ./wenwenjisuanji export default { components:{ …
<template>
<wenwenjisuanji @msg.sync="msg"></wenwenjisuanji> //关键是这里要带sync,sync背后是什么原理?
</template>
<script>
import wenwenjisuanji from './wenwenjisuanji'
export default {
components:{
wenwenjisuanji
},
data(){
return {
msg:true
}
}
}
</script>
<template>
<a @click="open"></a>
</template>
<script>
export default {
name:'wenwenjisuanji',
props: {
msg:{
type:Boolean,
default:false
}
},
methods:{
open:function(){
this.$emit('update:msg', true);
}
}
}
</script>
来源:问问计算机(微信:wenwenjisuanji,邮箱:changyandou@126.com),欢迎分享!