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