vue3动态组件component和v-model搭配使用错误

Question

问题遇到的现象和发生背景

vue3使用component渲染input元素和v-model搭配使用时，v-model不起作用

用代码块功能插入代码，请勿粘贴截图

<template>
<component :is="'input'" type="text" v-model="inputValue">
</component>
</template>
<script lang="ts" setup>
const inputValue = ref("");
</script>

运行结果及报错内容

在vue的devtools中会发现inputValue不会发生变化

我的解答思路和尝试过的方法

添加事件可以实现数据变化，但我不想这样做。

我想要达到的结果

使用v-model可以双向绑定

Answer 1

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue3中组件的v-model使用及详解