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

This topic created in 3135 days ago, the information mentioned may be changed or developed.

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

Vue

ios9.3.2

兼容性

版本

3 replies • 2017-11-20 20:43:26 +08:00

whypool

Nov 15, 2017

并不是兼容问题，是你代码没写对；多看文档啊骚年；
{{}}这样的预渲染代码块可以用 v-text 绑定数据，也可以用 template 标签包起来

xiaoyanbot

Nov 16, 2017

@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

Nov 20, 2017

再次顶帖子