父组件使用
.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 版权协议,转载请附上原文出处链接和本声明。