nextTick——vue真正渲染dom到页面之后，进行操作

有蝉

已于 2022-03-17 16:05:23 修改

阅读量845

点赞数

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

于 2019-09-02 16:01:48 首次发布

本文链接：https://blog.csdn.net/qq_37899792/article/details/100301622

版权

vue 专栏收录该内容

62 篇文章 3 订阅

订阅专栏


<template>
  <div id="Home" class="m-20">
        <div v-if="showInput">
          <input  ref="input"  />
         </div>
  </div>
</template>

<script>
 
  export default {
    name: 'Home',
    components: {
      Overview
    },
    props: {},
    data() {
      return {
          showInput:false  
      }
    },
    computed: {},
    created() {
    },
    mounted() {
        this.showInput=true;

        //vue真正渲染dom到页面之后才进行的操作
        this.$nextTick(()=>{
            this.$refs.input.focus()
        })

    },
    watch: {},
    methods: {},
    destroyed() {
    }
  }
</script>

<style lang="scss">
 
</style>