代码 1: https://run.iviewui.com/GJQd3slb
代码 2: https://run.iviewui.com/FoCmnwDq
为什么代码 1 的输入框输入内容后,点击 click ,txt 的内容还是空的,而代码 2 就是 ok 的?
(两者的区别仅仅在于第 8 行)
1
rabbbit 190 天前 1
txt.value = msg.aaa
-> txt.value = msg.value.aaa |
2
qq347891134 190 天前 1
少了.value ,应该是
const onClick = () => { txt.value = msg.value.aaa } </script> |
3
QAQqingju 190 天前 1
ref 需要.value
|
4
zzzzhan 190 天前 1
你知道赋值给 txt.value ,为什么不知道取值的时候也要取 msg.value
|
5
peasant 190 天前 1
|
6
marsKnight 190 天前 1
vue3 中 ref 和 reactive 使用是不一样的 ref 创建的必须使用.value 去访问值 reactive 创建的可以直接通过对象属性去修改值 楼主可以看看官网二者介绍
|
7
lisongeee 190 天前 1
ts 的应用场景之一就是这种代码,在 ts 里你的第一段代码会报编译错误
|
8
Dik1212 189 天前
我好奇,定义 const msg = ref({}),你的 msg.aaa 编译器不报错?
|