@vue/composition-api 中无法使用ref对象的
【摘要】
当使用@vue/composition-api 去获取一个组件中的ref对象时如
<div ref="myref"></div>
1
setup() {
const myre...
当使用@vue/composition-api
去获取一个组件中的ref对象时如
<div ref="myref"></div>
setup() {
const myref= ref(null)
onMounted(() => {
// 在渲染完成后, 这个 div DOM 会被赋值给 myref ref 对象
console.log(myref.value) // <div/>
})
return {
myref,
}
},
请一定谨记
const myref= ref(null)
这里的变量名myref
要与dom中ref
的值对应- ref对象
myref
一定要使用return
暴露出去, - 使用
ref
对象内部的值或方法要使用myref.value.?
的方式
以上三点任何一点没有做对,程序都会报错。
如果是TS的写法 ref的对象这样声明
const alertFormRef: Ref<ElForm | null> = ref(null)
ElForm
为组件的装饰器
相关链接
https://composition-api.vuejs.org/zh/api.html#%E6%A8%A1%E6%9D%BF-refs
文章来源: fizzz.blog.csdn.net,作者:拿我格子衫来,版权归原作者所有,如需转载,请联系作者。
原文链接:fizzz.blog.csdn.net/article/details/112524652
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)