vue3 v-model接收不到值
时间: 2023-08-31 19:14:30 浏览: 44
回答: 在Vue3中,v-model绑定的不再是value,而是modelValue,接收的方法也不再是input,而是update:modelValue。这意味着在子组件中,你需要监听input事件,并通过$emit触发update:modelValue事件,将输入的值作为事件参数传递给事件监听函数。例如,在子组件中的模板中,你可以这样写:
```html
<template>
<input type="text" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
{{ modelValue }}
</template>
```
同时,在子组件的脚本中,你需要定义props来接收父组件传递的modelValue值:
```javascript
export default {
name: 'CustomInput',
props: \['modelValue'\]
}
```
这样,当你在父组件中使用v-model绑定子组件时,就可以正常接收到值了。
#### 引用[.reference_title]
- *1* *2* [Vue2的v-model和Vue3的v-model区别](https://blog.csdn.net/XYXYYDD/article/details/127763260)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue3的v-model](https://blog.csdn.net/qq_16992475/article/details/129343051)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]