本文详细介绍了在Vue.js中获取DOM元素并设置属性的两种方法：使用`v-ref`和自定义指令。`v-ref`允许在模板中为元素添加引用并在Vue实例中访问，而自定义指令则可在指令的钩子函数中操作DOM元素。
Vue.js 是一款流行的 JavaScript 框架，用于构建用户界面。在 Vue.js 中，我们可以使用两种方法获取 DOM 元素并设置其属性。本文将详细介绍这两种方法，并提供相应的源代码示例。
方法一：使用 $refs 获取 DOM 元素
Vue.js 提供了 $refs 属性，它允许我们在模板中为元素添加引用，并在 Vue 实例中访问这些引用。通过使用 $refs，我们可以获取到对应元素的 DOM 对象，然后通过设置其属性来修改元素。
下面是一个示例，展示如何使用 $refs 获取 DOM 元素并设置其属性：
<template>
<div>
<button
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
