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

218 阅读1分钟

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

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

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

如下:

1、dom增加v-show

Hello!

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:

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

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