Vue 获取 DOM--实例，页面一打开被focus

最新推荐文章于 2022-05-10 08:30:00 发布

Alimu0201

最新推荐文章于 2022-05-10 08:30:00 发布

阅读量231

点赞数

分类专栏： vue 文章标签： vue dom

本文链接：https://blog.csdn.net/baidu_41349797/article/details/116524238

版权

本文详细讲解了在Vue中如何获取DOM元素，以及利用$nextTick在DOM更新后执行回调进行操作的方法，旨在帮助开发者更好地理解和实践。

摘要由CSDN通过智能技术生成

Vue 获取 DOM--实例

本文章主要介绍：

1.vue获取DOM元素

2. $nextTick dom更新后执行回调函数，获取更新后的DOM并对其进行操作

下面看代码：

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue DOM实例</title>
    <script src="vue.js"></script>
    <script src="elementUI.js"></script>
    <link rel="stylesheet" href="elementUI.css">
</head>

<body>
    <div id="app"></div>
    <script>
        Vue.component('App', {
            data() {
                return {
                    i