在Vue.js中，我給后端傳輸數(shù)據(jù)，格式如下,后端返回給我的是一樣的，問(wèn)我怎把這些數(shù)據(jù)渲染在我頁(yè)面中呢

在Vue.js中，我給后端傳輸數(shù)據(jù)，格式如下,后端返回給我的是一樣的，問(wèn)我怎把這些數(shù)據(jù)渲染在我頁(yè)面中呢，格式如下

           {name:"小明"，id:1,value:"0 08:00 17:30 05 16"},
           {name:"小張"，id:2,value:"3 08:00 17:30 05 16"}

解釋一下 name是名字，id是ID，

value第一個(gè)值是用戶選擇的下標(biāo)(因?yàn)槲矣玫氖莝elect。就是里面的下標(biāo)對(duì)應(yīng)的文字)；
            如圖

每天就是0，每周就是1，每月就是2，每年就是3

            value第二個(gè)值是用戶選擇的開(kāi)始的時(shí)間
            如圖

        value第三個(gè)值是用戶選擇的結(jié)束的時(shí)間
        如圖

     value第四個(gè)值和第五個(gè)值是用戶選擇的月份和日
            如圖

請(qǐng)問(wèn)我怎么才能按照后端返回的字段直接渲染在頁(yè)面上呢？
請(qǐng)大家廣集思路，幫忙出謀劃策

回答

編輯回答

紓惘

1.獲取到后臺(tái)的信息：
data = {name:"小明"，id:1,value:"0 08:00 17:30 05 16"}
2.將上述信息中的value字段切割并保存在另外一個(gè)變量中
arrayValue = data.value.split(" ");
更有語(yǔ)義化的：
this.frequency = arrayValue[0]
this.start = arrayValue[1]
this.end = arrayValue[2]
...
3.保存的時(shí)候再將this.frequency等字段拼成空格連接的字符串

以上是大致思路

2018年3月8日 04:59

編輯回答