vue中 .sync 修饰符的使用

最新推荐文章于 2024-11-20 15:08:56 发布

trenki

最新推荐文章于 2024-11-20 15:08:56 发布

阅读量744

点赞数 1

分类专栏： Vue.js笔记文章标签： vue

本文链接：https://blog.youkuaiyun.com/trenki/article/details/104448868

版权

Vue.js笔记专栏收录该内容

7 篇文章

订阅专栏

父组件使用 .sync 修饰符

<template>
  <div class="Home">
    <v-model :text.sync='text' ></v-model>
    <div>{{text}}</div>
  </div>
</template>

子组件利用 this.$emit('update:text', text) 更新父组件的值

<template>
  <div class="VMoldel">
    <input  @input="onInput" />
  </div>
</template>

<script>
export default {
  name: 'VMoldel',
  methods: {
    onInput (e) { //更新父组件的值
      this.$emit('update:text', e.target.value)
    }
  },
}
</script>