vue在微信浏览器数据为什么渲染不出来?

ywqs
  • 31

html+vue.js请求后台的数据渲染的时候在其他浏览器没有什么问题 ,但是在电脑微信浏览器就出现了问题

clipboard.png
<div class="new-div" v-if='isShow==true' v-for="(i, index) in correlation" :key="index">

                        <div class="new-right" @click="goapp(i.news_id)">
                            <img :src=i.cover alt="">
                        </div>
                        <div class="new-left">
                            <p @click="goapp(i.news_id)">{{i.news_title}}</p>
                            <div class="new-left-bom">
                                <div><span>{{i.tag_list[0].tag_name}}</span>·<span>{{i.published_time}}</span></div>
                                <div><span>{{i.view_num}}</span><span><img src="/static/share/image/look.png"
                                            alt=""></span></div>
                            </div>
                        </div>
                    </div>

这是数据渲染的代码
我使用v-cloak[display:none] 防闪烁竟然会导致页面不显示 不知道为什么会出现这个问题

回复
阅读 2.2k
5 个回答
v-cloak写错了
[v-cloak] {
  display: none;
}
这样直至div内变量编译完毕后才会显示。

但有时添加完毕后仍有部分变量会显示,这是怎么回事呢?通过控制台查看,原来是 v-cloak 的display属性被优先级别高的样式覆盖所导致,我的处理方案是添加 !important ,简单粗暴。新css样式如下:

[v-cloak] {
  display:none !important;
}

微信浏览器不支持箭头函数和let、const语法

电脑版的微信浏览器里面不支持 es6 , 建议转码一下

用v-console插件看看控制台报错信息,移动端开发还是很好用的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏