字符串里解析vue表达式
来源:互联网 发布:spss如何转换数据 编辑:程序博客网 时间:2024/05/28 05:13
1.问题:使用v-for的时候,大家会迭代list,有时候不是单纯的显示出来,而是会在url里强制解析,{{item.url}}这样的写法就行不通了,如何写呢?
2.返回数据格式如下:
{id: 1, url: “bg.png”, year: “2017”, month: “3”, des: null, createTime: null}
{id: 2, url: “bg2.png”, year: “2017”, month: “3”, des: null, createTime: null}
{id: 3, url: “lock.png”, year: “2017”, month: “3”, des: null, createTime: null}
3.vue获取数据方式:
<script> var datas; var url="http://loca.3w.dkys.org/ssm01/imageInfo/findAll.action"; $.ajax({ type : "post", url : url, // data : shopparams, async : false, success : function(data){ datas=data; console.log(data) } }); new Vue({ el: '#app', data: datas }) </script>
页面如下<li v-for="item in datas" class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <img class="mui-media-object" :src="'http://loca.3w.dkys.org/ssm01/images/'+item.url" data-preview-src="" data-preview-group="1"> <div class="mui-media-body">静静看这世界 </div> </a></li>
4.总结:分三步走完整解析
1.把src改为:src
2.把url拆分为两部分,非强制解析的地方就用单引号’ ‘;
3.注意item.url不带括号了
阅读全文
0 0
- 字符串里解析vue表达式
- 解析算术表达式字符串
- jexl解析表达式字符串
- Java解析字符串表达式
- jexl解析字符串表达式
- 字符串表达式解析(C#源码)
- C语言里字符串的解析
- C语言里字符串的解析
- java字符串应用之表达式解析器
- Java 正则表达式 分组 解析 字符串
- java字符串应用之表达式解析器
- java字符串应用之表达式解析器
- java字符串应用之表达式解析器
- C#关于使用正则表达式解析字符串
- 使用正则表达式解析Url字符串
- [转]Python里有趣的列表解析和生成器表达式
- Python里有趣的列表解析和生成器表达式
- Java解析字符串表达式--逆波兰表达式的计算
- 使用creat-react-app构建react程序(react-scripts)
- 使用snownlp將繁體字装换成简体字
- 【java】变量
- itext基础
- 服务器TIME_WAIT和CLOSE_WAIT详解和解决办法
- 字符串里解析vue表达式
- java并发编程学习(六) 重排序和顺序一致性
- EnableAutoConfiguration注解的工作原理
- python获取下周周一日期(获取指定周指定周几)
- 第七章:数据过滤
- 如何下载DWG矢量格式的CAD等高线
- 如何在VSCode中同步代码到github (on Mac)
- 20-常用对象API(集合框架练习) 21-常用对象API(集合框架-LinkedHashSet集合).
- 个人博客Blog搭建