鍍金池/ 問答/HTML/ 在Vue.js中，我給后端傳輸數(shù)據(jù)，格式如下,后端返回給我的是一樣的，問我怎把這

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

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

           {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第一個值是用戶選擇的下標(biāo)(因為我用的是select。就是里面的下標(biāo)對應(yīng)的文字)；
            如圖

clipboard.png

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

            value第二個值是用戶選擇的開始的時間
            如圖

clipboard.png

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

clipboard.png

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

clipboard.png

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

回答
編輯回答
紓惘

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

以上是大致思路

2018年3月8日 04:59
編輯回答
囍槑

clipboard.png
前面的正常寫，后面的直接用數(shù)組的形式寫上去，不要拆分之類的，data.value[0]這種，直接寫到該渲染的地方

2017年11月12日 06:10
編輯回答
萌二代

可以將提交的數(shù)據(jù)拆分出來，后端返回的也是處理過的數(shù)據(jù)，每個選框?qū)?yīng)一個字段就可以分別綁定處理了

2018年8月30日 11:16