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:

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

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

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

推荐阅读更多精彩内容

  • 今天碰到一个新的需求,就是需要某个dom在加载的时候不显示,等到5秒后再显示。寻找了一些方法,最后发现还是可以通过...
    风云变色阅读 4,338评论 0 1
  • 前言:这是很久之前(大概2017年)写的文档,Angular已经更新到4.x版本,此文章关于Angular部分已经...
    呆毛和二货阅读 3,385评论 0 0
  • 学习任何一种框架,从一个 Hello World 应用开始是最快了解该框架特性的途径,我们先从一 段简单的 HTM...
    辽A丶孙悟空阅读 3,496评论 0 12
  • Vue是什么 是一套渐进式框架,与其他框架不同的是,Vue可以自底向上逐层应用,vue核心只关注视图层,容易上手,...
    LikMa阅读 7,259评论 0 16
  • 五一闲在家没事做,又重温了一下vue的入门指南,边看边记录,便于记忆。 1.安装 1.1 直接<script>引入...
    写前端的大叔阅读 4,227评论 0 1