vue3中通过ref属性获取DOM

获取单个ref属性绑定的dom元素

vue3需要借助生命周期方法,在setup执行时,template中的元素还没挂载到页面上,所以必须在mounted之后才能获取到元素。



在setup中声明一个ref属性值同名的响应式变量返回出去,ref会自动绑定到该元素。

获取多个ref属性绑定的dom元素

使用ref绑定一个函数,在函数里把dom添加到数组里面



总结:

        单个元素: 先声明ref响应式数据,返回给模板使用,通过ref绑定数据

        遍历的元素:先定义一个空数组,定一个函数获取元素,返回给模板使用,通过ref绑定这个函数

你可能感兴趣的:(Vue3学习笔记,vue.js,elementui,javascript)