@vue/composition-api 中无法使用ref对象的

当使用@vue/composition-api 去获取一个组件中的ref对象时如

<div ref="myref"></div>

  

 

  
1
 

setup() {
 const myref= ref(null)

 onMounted(() => {
   // 在渲染完成后, 这个 div DOM 会被赋值给 myref ref 对象
   console.log(myref.value) // <div/>
 })

 return {
   myref,
 }
},

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

请一定谨记

• const myref= ref(null) 这里的变量名myref 要与dom中ref的值对应
• ref对象 myref一定要使用return暴露出去，
• 使用ref对象内部的值或方法要使用myref.value.?的方式

以上三点任何一点没有做对，程序都会报错。

如果是TS的写法 ref的对象这样声明

const alertFormRef: Ref<ElForm | null> = ref(null)

  

 

  
1
 

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