![](/img/trans.png)
[英]how to show div after clicking submit button for few seconds then disappear?
[英]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.