uniapp技巧-dom的显示和隐藏

86 阅读 0 评论 57 点赞

我是靠谱客的博主活力小蜜蜂，最近开发中收集的这篇文章主要介绍uniapp技巧-dom的显示和隐藏，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

1、dom增加属性

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

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

以上就是活力小蜜蜂为你收集整理的uniapp技巧-dom的显示和隐藏的全部内容，希望文章能够帮你解决uniapp技巧-dom的显示和隐藏所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。