<div v-for="item in items">
<p>{{item.name}}</p>
</div>
就好比这种，在微信里面都无法显示，单独在浏览器里面都正常
vue 版本是 1.0.26
› Vue.js
有人在微信网页上跑过 vue 吗，为何我所有的 v-for 渲染出来的 template，微信里面都不显示，在浏览器上都正常显示。
passion336699 · Nov 17, 2016 · 7946 viewsThis topic created in 3638 days ago, the information mentioned may be changed or developed.
 |
airylandNov 17, 2016
1
你是不是用了 es6 语法而没有用 babel 编译成 es2015?
|
 |
2
@airyland 我用 babel 编译过了，我在 chrome ，还有 ios 的微信 app 里面都能正常看到 v-for 出来渲染后的页面，就是安卓的微信上看不到，空白的一片。安卓是三星 s7.
|
 |
murmurNov 17, 2016
3
试试用纯 ecma5 语法写一下呢？
|
|
airylandNov 17, 2016
4
看描述目测只可能是语法问题， window.onerror 看下报错。
|
|
5
@murmur 这个和语法有关吗？
|
|
6
@airyland 就是没报错，而且在微信 app 里面我也无法调试，我在微信开发者工具里面，访问页面，也能正常显示，就是在安卓的 app 里面不行。
|
|
7
@passion336699 微信的浏览器是定制的，可能某些 js 函数不支持，要不，你拿安卓 4.2 模拟器先试试？如果 4.2 过了微信也没啥问题
4.2 可是对 ecma6 0 支持的 vux 都有一些功能跑不起来 |
1 |
ETiVNov 17, 2016
8
在你设置 items 后， alert 一下 JSON.stringify(this. items)
|
|
ETiVNov 17, 2016
9
如果你载入数据用了 promise ，这个是不支持的……
|
 |
10
我在生产环境上用的是 Vue1/2 和原生 js 语法， iOS 和 Android 的微信都没有遇到过问题。唯一的困扰只是低版 Android 的 js 兼容性和低版 iOS 的 css 前缀。
|
 |
sodateaNov 17, 2016
11
babel 不会编译到 template ，所以不要在 template 里使用 ES6 语法
|
|
12
@ETiV 谢谢小哥，好像就是这个的问题
|
|
13
@murmur 好的。
|
|
14
已经解决了，去掉了 promise ，谢谢各位。
|
|
15
@ETiV 不用 promise ，还有其他的库推荐嘛？
|
|
ETiVNov 18, 2016 via iPhone
16
jquery 的$.ajax ？
但其实你加个 promise 的 polyfill 就行了 |
|
17
@ETiV npm install --save babel-polyfill ，然后我在 webpack.config.js 里面,require('babel-polyfill')，但是在微信上还是不行。
|
|
18
@ETiV 我需要在 entry 里面再配置这个 babel-polyfill 吗? 像这样 entry: ['babel-polyfill','./resources/assets/js/main.js' ]？
|
 |
zhihaofansNov 18, 2016 via Android
19
用 QQ 浏览器安卓版试试？
|
|
ETiVNov 20, 2016
20
|
Select Language