有人在微信网页上跑过 vue 吗,为何我所有的 v-for 渲染出来的 template,微信里面都不显示,在浏览器上都正常显示。

2016-11-17 22:41:08 +08:00
 passion336699
<div v-for="item in items">
    <p>{{item.name}}</p>
</div>

就好比这种,在微信里面都无法显示,单独在浏览器里面都正常

vue 版本是 1.0.26

6803 次点击
所在节点    Vue.js
20 条回复
airyland
2016-11-17 22:46:16 +08:00
你是不是用了 es6 语法而没有用 babel 编译成 es2015?
passion336699
2016-11-17 22:49:03 +08:00
@airyland 我用 babel 编译过了,我在 chrome ,还有 ios 的微信 app 里面都能正常看到 v-for 出来渲染后的页面,就是安卓的微信上看不到,空白的一片。安卓是三星 s7.
murmur
2016-11-17 22:50:28 +08:00
试试用纯 ecma5 语法写一下呢?
airyland
2016-11-17 22:50:31 +08:00
看描述目测只可能是语法问题, window.onerror 看下报错。
passion336699
2016-11-17 23:25:17 +08:00
@murmur 这个和语法有关吗?
passion336699
2016-11-17 23:26:34 +08:00
@airyland 就是没报错,而且在微信 app 里面我也无法调试,我在微信开发者工具里面,访问页面,也能正常显示,就是在安卓的 app 里面不行。
murmur
2016-11-17 23:26:59 +08:00
@passion336699 微信的浏览器是定制的,可能某些 js 函数不支持,要不,你拿安卓 4.2 模拟器先试试?如果 4.2 过了微信也没啥问题
4.2 可是对 ecma6 0 支持的 vux 都有一些功能跑不起来
ETiV
2016-11-17 23:32:08 +08:00
在你设置 items 后, alert 一下 JSON.stringify(this. items)
ETiV
2016-11-17 23:35:10 +08:00
如果你载入数据用了 promise ,这个是不支持的……
shiny
2016-11-17 23:45:06 +08:00
我在生产环境上用的是 Vue1/2 和原生 js 语法, iOS 和 Android 的微信都没有遇到过问题。唯一的困扰只是低版 Android 的 js 兼容性和低版 iOS 的 css 前缀。
sodatea
2016-11-17 23:49:07 +08:00
babel 不会编译到 template ,所以不要在 template 里使用 ES6 语法
passion336699
2016-11-18 00:40:50 +08:00
@ETiV 谢谢小哥,好像就是这个的问题
passion336699
2016-11-18 00:41:19 +08:00
@murmur 好的。
passion336699
2016-11-18 00:42:22 +08:00
已经解决了,去掉了 promise ,谢谢各位。
passion336699
2016-11-18 09:45:04 +08:00
@ETiV 不用 promise ,还有其他的库推荐嘛?
ETiV
2016-11-18 10:04:20 +08:00
jquery 的$.ajax ?

但其实你加个 promise 的 polyfill 就行了
passion336699
2016-11-18 10:12:58 +08:00
@ETiV npm install --save babel-polyfill ,然后我在 webpack.config.js 里面,require('babel-polyfill'),但是在微信上还是不行。
passion336699
2016-11-18 10:14:11 +08:00
@ETiV 我需要在 entry 里面再配置这个 babel-polyfill 吗? 像这样 entry: ['babel-polyfill','./resources/assets/js/main.js' ]?
zhihaofans
2016-11-18 11:27:42 +08:00
用 QQ 浏览器安卓版试试?
ETiV
2016-11-20 23:02:43 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/321319

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX