获取v-model的值
时间: 2023-03-20 07:03:11 浏览: 246
vue 父组件通过v-model接收子组件的值的代码
获取v-model的值可以通过在Vue组件中使用this关键字访问该组件的属性来完成。具体来说,如果组件的v-model绑定了一个名为value的prop,并且该组件内部有一个名为input的事件,那么在组件中可以使用this.value来获取v-model绑定的值,同时可以通过在input事件处理程序中将新值分配给该属性来更新v-model的值。例如:
```html
<template>
<input v-bind:value="value" v-on:input="updateValue($event.target.value)">
</template>
<script>
export default {
props: {
value: String
},
methods: {
updateValue: function (value) {
this.$emit('input', value)
}
}
}
</script>
```
在上面的示例中,组件使用v-bind:value绑定value prop,并在input事件处理程序中使用this.$emit('input', value)将新值发射到父组件。这样,父组件就可以使用v-model绑定该组件并获取/更新其值了。
阅读全文