uniapp技巧-dom的显示和隐藏1

前言,之前发表的dom的显示和隐藏里面用的是比较熟悉的前端方式的css绑定的方式。

说实话uniapp的手册是真的没时间看,而且基于功能直接搜索了csdn,找到了方法就直接去用了,而且用css的方法也是平时经常用的,没有想那么多。





不过呢友友似乎对我要求比较严格,所以又认真的拜读了uniapp的手册找到了v-show的用法。

如下:

1、dom增加v-show

<view v-show="seen">Hello!</view>

2、js中定义seen的默认值

data() {

return{

seen:false,

}

}

3、在load中增加计时程序

onLoad() {

if (this.timer) {

clearInterval(this.timer);

}

this.timer = setInterval(() => {

this.seen= true;

}, 5000);

},

以上。

比直接用css的方法少了一步,不过之前的项目已经做完了,于是也就不改了。

记录一下一个新的方法。

ps:

1、v-show相当于使用了css中的display进行切换显示和隐藏的状态

2、v-show 不支持 template 元素,也不支持 v-else。nvue 页面不支持 v-show

再ps:

发出自己的记录还是有好处的,最起码又知道了一种更少步骤的方法,不错不错。

开源还是要多多分享,才能进步!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容