在 Vue 3 中使用 v-model 时发生错误

【问题标题】：Error occurring when using v-model in Vue 3在 Vue 3 中使用 v-model 时发生错误
【发布时间】：2022-02-16 13:23:19
【问题描述】：

在 Quasar/Vue 3 中使用 v-model 时 ESLint 产生以下错误

组件的型号；要么使用此属性（以及 'update:modelValue' 事件的侦听器），要么使用 v-model 指令

<q-input class="q-pa-lg" outlined :dense='true' id="username" label="Email" type="text" v-model="v$.email.$model" :error="v$.email.$error" :error-message="v$?.email?.$errors[0]?.$message" autofocus/>

请看下面的截图：

【问题讨论】：

标签： vue.js quasar-framework typescript-eslint

【解决方案1】：

“未知”类型的参数不能分配给字符串类型的参数 |号码 |空 |未定义

此错误是一般的 Typescript 错误，当输入数据/变量的类型为 unknown 时发生。

在您的情况下，v$.email.$model 的类型是 unknown，而 v-model 的类型将接受 string。

我不确定确切的修复方法，但您可以查看Doc（VueJS - 实现 v-model 的不同方法）

【讨论】：