vue中 .sync 修饰符的使用

  • Post author:
  • Post category:vue



父组件使用

.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>



版权声明:本文为trenki原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。