比如这个在vue里面实现一个点击按钮让模块先出现再俩秒之后消失

 

<div class="big">
<button @click="myfun">hucheu</buttton>
<div class="box" ref="box_ref">ghjklghjgh </div>
</div>
<script>
export default {
  data() {
    return {
      a: document.getElementsByClassName("box"),
    };
  },
  methods: {
    myfun() {
        // 点击之后让模块显示
      this.$refs.boxs.style.cssText = "display: block;";
      setTimeout(() => {
        // 俩秒之后让模块消失
          this.$refs.boxs.style.cssText = "display: none;";
        }, 2000);
    }
  },
#这个是不用写的,就是表示一下,setTimeout可以自动执行一个函数
  mounted(){
    setTimeout( 
        // 俩秒之后执行这个函数里面的内容
          this.myfun
        , 2000);
    }
  }
</script>

Logo

前往低代码交流专区

更多推荐