Vue-切割json数组字符串并循环输出

Json

        "detailList":[
                  " 04/08/2016 - LA - -  Dept. - TITLE (Lien Reported)",
                  " 04/05/2016 - KA - - Motor Dept. - REGISTRATION RENEWAL (Lease) ",
                  " 03/20/2016 - SA - 30 - Motor Dept. - ODOMETER",
                  " 03/16/2016 - - - Source - DEALER "
               ]

*.vue

<template>
<div class="tab-pane" id="historyReport">
                        <p class="ptb16 plr30 bgc-0d7dce fs16 c-fff">History Report</p>
                        <div class="panel-group vehicleHistory">
                            <div class="ptb16 plr20" v-for="e in strs">
                                <div class="mb12 df jc-sb">
                                    <span class="fs16">{{e.split(‘-‘)[3]}}</span><span class="fs12 lh24 c-c4c4c4">{{e.split(‘-‘)[0]}}</span>
                                </div>
                                <p class="fs12">Location:<span>{{e.split(‘-‘)[1]}}</span></p>
                                <p class="fs12">Mileage Record:<span>{{e.split(‘-‘)[2]}}</span>Miles</p>
                                <p class="fs12"><span>{{e.split(‘-‘)[4]}}</span></p>

                            </div>

                        </div>
                    </div>
</template>

<script>
export default {
  data () {
      strs: []
    }
  },
  created: function () {
    this.getCarReport()
  },
  methods: {
    getCarReport () {
      return this.$http.get(‘/***/****/‘ + this.id + ‘.json‘)
      .then((response) => {
        this.shareCarInfo = response.data.data
        this.strs = this.shareCarInfo.****.****.detailList
       })
    }
  }
}
</script>

原文地址:https://www.cnblogs.com/Harold-Hua/p/8213342.html

时间: 2024-10-10 04:37:58

Vue-切割json数组字符串并循环输出的相关文章

java-第七章-数组-字符逆序输出

import java.util.Arrays; public class A03 { public static void main(String[] args) { // TODO Auto-generated method stub char Letter [] = new char []{'a','c','u','b','e','p','f','z'}; System.out.print("原字符 列表:"); for (int i = 0; i < Letter.len

Spring MVC 后端获取前端提交的json格式字符串并直接转换成control方法对应的参数对象

场景: 在web应用开发中,spring mvc凭借出现的性能和良好的可扩展性,导致使用日渐增多,成为事实标准,在日常的开发过程中,有一个很常见的场景:即前端通过ajax提交方式,提交参数为一个json对象的字符串,采用application/json的类型,在后端control中利用@RequestBody将json字符串直接转换成对应的Java对象,如: var dataStr = '[{"id":1476,"name":"test"}]';

【转】JS gzip加密字符串并base64输出

http://blog.csdn.net/zunwei/article/details/49886115 最近开发中遇到一些问题,关于js怎么给一个字符串进行字节流加密.下面就详细说下做法. 首先引入pako_deflate.min.js(https://github.com/nodeca/pako/tree/master/dist)插件,附件可以下载 demo: var applistJson = "{"name":"lvzunwei"}";

ajax请求base64加密后的json数组,并通过vue的v-for遍历输出

$.ajax({ type: 'get', dataType: 'json', url: '/Template/xpshop_currents/inc/imgUrl.json', cache: false, success: function (data) { //window.atob()base64解码,escape编码,decodeURIComponent解码,这里是为了解决base64解码后的中文乱码问题 let spdata = decodeURIComponent(escape(wi

嵌套的for循环执行顺序。可以让内外for循环交替执行。简单解析json数组。求js中两个时间差值。

1.刚接到不久的工作任务,其中包含一个解析json数组,然后让解析后的数据显示在用zrender画出来的矩形上.效果如下所示(注:没有实际意义) 2.至于zrender等空闲了一定写上使用心得,东西很强大. 3.中间有一项是算计相邻的两个时间的时间差(所有这些时间都是在一个数组里),如图所示,算计相邻两个矩形上时间的差值.延伸一下可以是算一个数组里相邻两个数字的差值. 贴上我的代码 :  for (var m = 0; m < dataObj.length - 1; m++) {        

识别Json字符串并分隔成Map集合

识别Json字符串并分隔成Map集合 前言: 最近又看了点Java的知识,于是想着把CYQ.Data V5迁移到Java版本. 过程发现坑很多,理论上看大部分很相似,实践上代码写起来发现大部分都要重新思考方案. 遇到的C#转Java的一些小问题: 1:C#的ref:这个参数的主要意图是: 就算方法内部重新对参数重新(new)赋值,也能保证外部的参数指向新的值. Java木有了,不知道新的方案是什么?还是说只能避免方法内部重新(new)赋值? 2:C#的out:这个参数的主要意图是: 处理多值返回

【转载】从键盘输入字符串并输出该字符串(汇编程序)

原文地址http://blog.sina.com.cn/s/blog_4b7bd3380100a76z.html 1 DATAS SEGMENT 2 STR DB"please input a string:$" 3 BUF DB 20 4 DB ? 5 DB 20 DUP (?) 6 CRLF DB 0AH,0DH,"$";此处输入数据段代码 7 DATAS ENDS 8 STACKS SEGMENT STACK 9 DB 200 DUP(?) ;此处输入堆栈段代

Python练习题8(替换相同的字符串并输出):输入两个字母串,将两个字母串都包含的字母用&#39;_&#39;替换后,输出两个字母串的剩余部分 (不能为空串,区别大小写,只能包含字母)

方法一:检查输入是否为空串,循环字母串,相同的则替换,然后再用replace()方法去除,输出想要的结果 1 def str_replace(messages1,messages2): 2 if messages1.strip() == '' or messages2.strip() == '' : #检验输入不能为空串 3 tips = "输入字母串有空串,不合法" 4 return tips 5 6 if not messages1.encode('UTF-8').strip().

php输出json数组和json

function getCitys(){ $provinceid=trim($_REQUEST['province']); $citylist=M('city')->field('cityid,cityname')->where('provinceid ='.$provinceid)->select();         //这个方法输出json数组 //echo json_encode($citylist); $temp='{'; for ($i=0;$i<count($city