uniapp技巧-dom的显示和隐藏

169 阅读1分钟

今天碰到一个新的需求,就是需要某个dom在加载的时候不显示,等到5秒后再显示。寻找了一些方法,最后发现还是可以通过js来实现,只不过方法与h5+js的时候略有不同,方法如下:

1、dom增加属性

<view  :class="isShow" >内容内容

2、data中增加isShow默认值

data() {

return{

isShow: "domhide",

}

}

3、在style中声明domhide和domshow两个class

.domhide{display: none;}

.domshow{display: block;}

4、在load中增加计时程序

onLoad() {

if (this.timer) {

clearInterval(this.timer);

}

this.timer = setInterval(() => {

this.isShow= "domshow";

}, 5000);

},

以上

比起直接使用h5+js麻烦一点,记录一下。

有其他更简单的方法,可以告诉我大家交流一下。