vue3 + ts 如何进行双向绑定

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

创建接口后用作变量类型,变量中的元素需要进行双向绑定,不在元素上使用 ref 直接赋值是可以展示不能修改的,如果使用ref会提示类型错误

问题相关代码,请勿粘贴截图

img

img

运行结果及报错内容

img

我的解答思路和尝试过的方法
我想要达到的结果

可以正常双向绑定

这个地方好像不能使用ref,需要使用reactive

img


这样写可以双向绑定