vue中怎么使用定时器让一个div两秒后显示

新手上路，请多包涵

<!doctype html>
<html lang="en">
<head>

<meta charset\="UTF-8"\>  
<meta name\="viewport"

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

<meta http-equiv\="X-UA-Compatible" content\="ie=edge"\>  
<title\>Document</title\>

</head>
<body>
<div id="divid">

</div>

</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>

</script>
</html>

阅读 5.1k

2 个回答

得票最新

把你的div默认隐藏，定义一个方法显示div，在mounted生命周期里进行定时器调用

纯 js 的话用 jq 就是div 本身先定义 display:none 然后 js

setTimeout(()=>{
    $('#divid').css("display","block");
},2000)

vue 框架的话就是 data 中定义标记 divShow:false; html的 div上面 v-if="divShow"
created 函数里面写:

var self= this;
setTimeout(()=>{
    self.divShow = true;
},2000)

撰写回答

推荐问题

相似问题

找不到问题？创建新问题