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