Subscribe on changes!

setup中返回的属性名与元素模板中使用的ref名相同会导致setup中返回的属性被覆盖

avatar
Oct 2nd 2021

Version

3.2.19

Reproduction link

sfc.vuejs.org/

Steps to reproduce

What is expected?

页面显示Hello World!

What is actually happening?

页面显示 "[object HTMLDivElement]"

avatar
Oct 2nd 2021

这个本来就是文档里面写了的吧,如果不覆盖你怎么在setup里面处理模板里面的节点 应该避免这两个变量同名。

---原始邮件--- 发件人: @.> 发送时间: 2021年10月2日(周六) 晚上9:10 收件人: @.>; 抄送: @.***>; 主题: [vuejs/vue-next] setup中返回的属性名与元素模板中使用的ref名相同会导致setup中返回的属性被覆盖 (#4730)

Version

3.2.19

Reproduction link

sfc.vuejs.org/

Steps to reproduce <script setup> import { ref } from 'vue' const msg = ref('Hello World!') </script>
{{ msg }}

What is expected?

页面显示Hello World!

What is actually happening?

页面显示 "[object HTMLDivElement]"

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

avatar
Oct 2nd 2021

这个本来就是文档里面写了的吧,如果不覆盖你怎么在setup里面处理模板里面的节点 应该避免这两个变量同名。 ---原始邮件--- 发件人: @.> 发送时间: 2021年10月2日(周六) 晚上9:10 收件人: @.>; 抄送: @.***>; 主题: [vuejs/vue-next] setup中返回的属性名与元素模板中使用的ref名相同会导致setup中返回的属性被覆盖 (#4730) Version 3.2.19 Reproduction link sfc.vuejs.org/ Steps to reproduce <script setup> import { ref } from 'vue' const msg = ref('Hello World!') </script> {{ msg }} What is expected? 页面显示Hello World! What is actually happening? 页面显示 "[object HTMLDivElement]" — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

setup中不是还没render吗,refs在getCurrentInstance()中访问的吧。刚大概看了下文档,没找到相关说明,可以将连接告诉我吗,感谢

avatar
Oct 2nd 2021

模板引用 这个 确实setup运行时没有render,使用对应的变量是undefined. 但是在写在setup函数中的生命周期回调里面就有对应的节点了

avatar
Oct 2nd 2021

模板引用 这个 确实setup运行时没有render,使用对应的变量是undefined. 但是在写在setup函数中的生命周期回调里面就有对应的节点了

这样写的确方便多了,谢谢了