代码 1： https://run.iviewui.com/GJQd3slb
代码 2： https://run.iviewui.com/FoCmnwDq
为什么代码 1 的输入框输入内容后，点击 click ，txt 的内容还是空的，而代码 2 就是 ok 的？
（两者的区别仅仅在于第 8 行）
› Vue.js
This topic created in 911 days ago, the information mentioned may be changed or developed.
 |
1
txt.value = msg.aaa
-> txt.value = msg.value.aaa |
1 |
2
少了.value ，应该是
const onClick = () => { txt.value = msg.value.aaa } </script> |
 |
3
ref 需要.value
|
 |
4
你知道赋值给 txt.value ，为什么不知道取值的时候也要取 msg.value
|
 |
5
|
 |
6
vue3 中 ref 和 reactive 使用是不一样的 ref 创建的必须使用.value 去访问值 reactive 创建的可以直接通过对象属性去修改值 楼主可以看看官网二者介绍
|
 |
7
ts 的应用场景之一就是这种代码，在 ts 里你的第一段代码会报编译错误
|
 |
Dik1212May 16, 2024
8
我好奇，定义 const msg = ref({})，你的 msg.aaa 编译器不报错？
|
Select Language