繁体   English   中英

点击几秒钟后如何显示div

[英]how to show div after click only for few seconds

我正在使用BootstrapVue

我有 - 我认为 - 一个非常简单的问题,但我找不到任何对我有用的东西。 我有一个想要单击的<b-button>并且应该显示第二个<div>但仅显示 3 秒。

我想让我的代码没有 jQuery - 我该如何实现?

谢谢你!

<div class="row mb-3">
  <div class="col-8 col-md-6 mt-4 ml-1">
    <b-button @click="clickIt()"</b-button>
  </div>
  <div class="col-2 col-md-5 mt-4">
    <p>You've clicked it!</p>
  </div>
</div>

我希望这能解决您的问题。

<div class="row mb-3">
  <div class="col-8 col-md-6 mt-4 ml-1">
    <b-button @click="clickIt()"</b-button>
  </div>
  <div v-if="isClicked" class="col-2 col-md-5 mt-4">
    <p>You've clicked it!</p>
  </div>
</div>

export default {
  data: () => {
    return { isClicked: false };
  },
  methods: {
    clickIt() {
      this.isClicked = true
      setTimeout(() => {
        this.isClicked = false;
      }, 3000);
    },
  },
};

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM