分类: Vue
Vue3的setup中使用ref获取dom元素
背景问题
- 在vue3中input如何获取焦点?
- vue3 setup语法糖如何获取dom元素?
vue2 的方法
在 vue2 中,在组件上设置 ref 属性之后,就可以通过 this.$refs.ref
访问到对应的 DOM 元素。
<input type="text" ref=[......]
Vue3 setup使用模板引用$refs
在Vue2中,我们通常这么做实现一个模板引用:
<template>
<input ref="input" />
</template>
<script>
export default {
data() {},
methods: {[......]