uniapp技巧-dom的显示和隐藏

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

1、dom增加属性

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

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麻烦一点，记录一下。

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