我是靠谱客的博主 笨笨人生,这篇文章主要介绍vant组件 移动端遮罩层,现在分享给大家,希望可以做个参考。

在进入页面之前,页面的数据请求渲染需要一定的时间,这时需要加一个遮罩层处理,让页面变的更好看一点,等数据都获取到了,再让用户看见

<van-loading class="loading" v-if="loading" />

<!-- 内容 -->

每当调取接口的时候,就要设置一下 loading 为 false,获取到了数据就再设为 true,实例如下:

    //data中
    loading:false,
    dataDetail:{}

    //methods中
    //获取数据
    getData() {
      this.loading = true //当开始调用获取数据的方法是,启用遮罩层
      getDataApi().then((res) => {
        this.dataDetail= res.data.data
        this.loading = false //当数据获取到了,关闭遮罩层
      })
    },

最后

以上就是笨笨人生最近收集整理的关于vant组件 移动端遮罩层的全部内容,更多相关vant组件内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部