vue.js2.0 在 iOS9.3.2 版本的兼容性问题如何解决

2017-11-15 22:36:54 +08:00
 xiaoyanbot

大家有没有遇到 vue.js2.0 版本开发的页面在 iOS9.3.2 版本遇到兼容性的问题,会暴露 vue.js 的渲染代码,是怎么解决的?

4318 次点击
所在节点    问与答
3 条回复
whypool
2017-11-15 22:41:06 +08:00
并不是兼容问题,是你代码没写对;多看文档啊骚年;
{{}}这样的预渲染代码块可以用 v-text 绑定数据,也可以用 template 标签包起来
xiaoyanbot
2017-11-16 12:06:57 +08:00
@whypool https://cn.vuejs.org/v2/api/#v-text
在官方文档里,两者是等同的啊。
<div class="center_content" v-for='(ele,index) in goods' :key="ele.good_id">
<div class="left">
<img :src="ele.image_url" />
</div>
<div class="right">
<p>{{ele.name}}</p>
<p>材质:<span>{{ele.material}}</span></p>
<p>规格:<span>{{ele.spec}}</span></p>
</div>
<div class="btn">
<a @touchend="changegood(ele.good_id,ele.price)" style="text-decoration: none;color: #fff">替换</a>
</div>
</div>
我这样有什么问题么?在 Android 和 iOS11.0.3 上都可以正常渲染的。
我去试试用 template 标签包起来的方法
<template v-for='(ele,index) in goods' :key="ele.good_id">
<div class="center_content">
<div class="left">
<img :src="ele.image_url" />
</div>
<div class="right">
<p>{{ele.name}}</p>
<p>材质:<span>{{ele.material}}</span></p>
<p>规格:<span>{{ele.spec}}</span></p>
</div>
<div class="btn">
<a @touchend="changegood(ele.good_id,ele.price)" style="text-decoration: none;color: #fff">替换</a>
</div>
</div>
<template>
xiaoyanbot
2017-11-20 20:43:26 +08:00
再次顶帖子

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

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

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

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

© 2021 V2EX