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

weixin_30258901

于 2018-03-14 10:53:00 发布

阅读量242

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fayin/p/8565999.html

版权

如果你在 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>

转载于:https://www.cnblogs.com/fayin/p/8565999.html

关注