vue3 ctx.$refs
时间: 2023-11-17 12:57:30 浏览: 165
vue中的ref和$refs的使用
5星 · 资源好评率100%
在 Vue3 中,可以通过 `ctx.$refs` 访问组件实例或 DOM 元素。具体来说,如果你在组件中使用了 `ref` 属性,那么在组件的 `setup` 函数中,可以通过 `ctx.$refs.refName` 访问到对应的实例或元素。
例如,如果在组件中定义了一个 `ref="myButton"` 的按钮元素,那么在 `setup` 函数中可以这样访问它:
```
import { onMounted } from 'vue'
export default {
setup() {
const handleClick = () => {
console.log('Button clicked')
}
onMounted(() => {
console.log('Button element:', ctx.$refs.myButton)
})
return {
handleClick
}
}
}
```
阅读全文