首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

Vue $emit里面的update是如何用的

Sonder
2022-02-08
820字
2分钟
浏览 (3.2k)

父组件:

复制代码
<template>
   <div>
       <up :myMessage="value"  @update:myMessage="func"/>
   </div>
</template>

<script>
import up from './update'
export default {
   components: {
       up
   },
   data() {
       return {
           value: ''
       }
   },
   methods: {
       func(e){
           this.value = '父组件点击子组件并修改了子组件里面的值';
       }
   }
}
</script>

子组件:

复制代码
<template>
<div>
   <button @click="func">点击我改变</button>
   <p>{{myMessage}}</p>
</div>
</template>

<script>
export default {
   name: "update",
   props: ['myMessage'],
   methods: {
       func(params) {
           this.$emit('update:myMessage',params);
       }
   }
}
</script>
下一篇 / js 把时间作为列表的key,生成一个树

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)