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

Question

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

<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] 防闪烁竟然会导致页面不显示 不知道为什么会出现这个问题

Answer 1

v-cloak写错了

[v-cloak] {
  display: none;
}
这样直至div内变量编译完毕后才会显示。

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

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

Answer 2

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

Answer 3

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

Answer 4

es6转码成为es5 利用安装babel
参考博客：https://blog.csdn.net/around_...

Answer 5

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