vue里面使用setTimeout(延时器)代码演示加效果
vue里面使用setTimeout(延时器)代码演示加效果
·
比如这个在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>
更多推荐
已为社区贡献2条内容
所有评论(0)