uniapp技巧-dom的显示和隐藏1
发布网友
发布时间：2022-10-10 11:15
共1个回答
热心网友
时间：2023-10-08 17:35
说实话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：
发出自己的记录还是有好处的，最起码又知道了一种更少步骤的方法，不错不错。
开源还是要多多分享，才能进步！
