大家有没有遇到 vue.js2.0 版本开发的页面在 iOS9.3.2 版本遇到兼容性的问题,会暴露 vue.js 的渲染代码,是怎么解决的?
1
whypool 2017-11-15 22:41:06 +08:00
并不是兼容问题,是你代码没写对;多看文档啊骚年;
{{}}这样的预渲染代码块可以用 v-text 绑定数据,也可以用 template 标签包起来 |
2
xiaoyanbot OP @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> |
3
xiaoyanbot OP 再次顶帖子
|