vue子组件更新父组件 - vue.js - 方帮信
当前位置: 首页 >  > 技术 > 软件开发 > js > vue.js

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),欢迎分享!

上一篇:.jenkins修改配置workspace

下一篇:i18n