在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue.js中json數(shù)組格式問題

vue.js中json數(shù)組格式問題

RT,我現(xiàn)在需要在前端（vue）有多個input，然后生成一個json格式的form進行post?，F(xiàn)在的問題在于，我無法把input內(nèi)的輸入變成數(shù)組格式進行存儲。
例如我需要的json格式：

{
     “name”:"test",    
    "mylists":[
        {
            "user_ids":[100, 200],
            "group":"1"
        },
        {
            "user_ids":[400,500],
            "group":"2"
        }
    ]
}

但現(xiàn)在我只能得到如下格式：

{
    “name”:"test",    
    "mylists":[
        {
            "user_ids":”100, 200“,
            "group":"1"
        },
        {
            "user_ids":”400,500“,
            "group":"2"
        }
    ]
}

我的user_ids都是在同一input輸入的。比如有兩個input，第一個輸入100，200 第二個輸入400， 500 而非一個input只對應一個值。在這種情況下我如何能存儲出我需要的那種json格式呢。輸入后默認就是stirng，”100，200“。但我需要的是[100, 200]即int格式的數(shù)組。

回答
編輯回答
冷咖啡

你可以用v-model綁定input變量自己構造一個數(shù)組不就行了

2017年4月7日 13:40
編輯回答
冷咖啡

在他還是對象的時候

form.mylists =  form.mylists.map(x => ({
    group: x.group,
    // 字符串 按照 , 分割且 去除  空字符串
    user_ids:  user_ids.split(',').filter(x => x.trim())
}))

就可以了

2017年10月22日 18:16
編輯回答
伴謊

我個人覺得，你完全可以新增一個字段，用于表示你用來保存的數(shù)據(jù)，然后你再watchuser_ids用于對新增字段的同步。 沒有必要使用user_ids既用于雙向綁定，又用于數(shù)據(jù)保存，而且他們類型還是不一樣。

...
data: {
     “name”:"test",    
    "mylists":[
        {    
            user_idsArr: [],
            "user_ids":[100, 200],
            "group":"1"
        },
        {
            "user_ids":[400,500],
            "group":"2"
        }
    ]
}
watch: {
  'mylists.user_ids' () {
     this.mylists.user_idsArr = this.mylists.user_ids.split(',')
  }
}
...
2018年1月15日 00:27