[bug] VUE 的 template 中使用 ES6 语法导致页面空白

如果你在 template 中,使用了 es6 及以上的语法,那么,在部分ios、安卓、微信浏览器中,打开页面后显示一片空白内容。如下:

<ul id="example-1">
  <li v-for="item in items.map(item => item.message)">
    {{ item}}
  </li>
</ul>

将 ES6 语法改为 ES5,即可解决。


<ul id="example-1">
  <li v-for="item in items.map(function(item) { return item.message) }">
    {{ item}}
  </li>
</ul>
posted @ 2018-03-14 10:53  Liaofy  阅读(1203)  评论(0编辑  收藏  举报