双子汐晨_312 发布于 2017-04-27 04:25

我这个需求就是: 页面开始有几个p是要hide的, 我用v-show绑定到了vm上, 经过我的测试,在Vue的life cycle中,before compiled与compiled之间才会真正将p隐藏, 而之前所有p都是显示出来的, 给用户的感受就是页面闪了一下,不知道如何解决这个问题?
代码如下:



其中isShow是一个array,
isShow: [true, false,false] //加载页面第一个p show,其余hide
ps: 解决方案是不是只能用jquery操作dom来实现了?

3 个回答
  • 1.用<template>标签包裹模版 2.<p class="col-md-offset-6 col-md-3 col-xs-6" v-show="isShow[3]" style="display:none"><p>给标签加行间样式。 v-show会自动去掉

    2017-04-28 13:43 回答
  • v-cloak
    然后加一个css 编译阶段hide掉就行。可以解决{{}}的闪烁问题。应该也能解决你这个问题

    2017-04-27 20:46 回答
  • 代闓发票有需要请联系我手机微信13640241413
    回答问题...

    2020-04-01 17:38 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
活跃用户
  • 1
    问道摩托
  • 2
    袁广龙976丶
  • 3
    逍遥子
  • 4
    亮仔
  • 5
    芙蓉花
  • 6
    作小die_syj
  • 7
    王丽珠景平怡伦_621
  • 8
    adfa3sd5f6a
  • 9
    欣欣大妮
  • 10
    sfasfs
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有