vue3的el-form表单输入响应式失效问题（input、单选都无法操作）

写在前面

刚到公司，摸一下鱼。
昨天朋友问了我一个vue3的一个对话框里面input框和单选框都无法输入或者选中，看了代码也没有禁用啥的操作。
一切都正常，最后疯狂开启谷歌，发现命名冲突问题了。

教程

从上面可以看到，响应式的名字与model的名字一样，导致了冲突，所以就会出现输入框无法输入，选择框无法选择问题。

解决方法：

修改名字为不同即可！