Uniapp skills - dom display and hiding

There is a new demand today , Just need someone dom Do not display when loading , wait until 5 Seconds later . Looking for some ways , Finally, I found that it can still pass js To achieve , It's just the method and h5+js Time is slightly different , The method is as follows ：

1、dom Attribute added

<view  :class="isShow" > Content </view>

2、data add isShow The default value is

data() {

return{

isShow: "domhide",

}

}

3、 stay style In a statement domhide and domshow Two class

.domhide{display: none;}

.domshow{display: block;}

4、 stay load Add timing program

onLoad() {

if (this.timer) {

clearInterval(this.timer);

}

this.timer = setInterval(() => {

this.isShow= "domshow";

}, 5000);

},

above

Compared with direct use h5+js Please , Make a note of .

There are other simpler ways , Can you tell me about your exchange .