要提交一個(gè)數(shù)組參數(shù),我們需要在Vue中使用axios。首先,我們需要定義一個(gè)數(shù)據(jù)模型,即我們需要提交的數(shù)據(jù):
data: { items: [ {name: 'item1', value: 1}, {name: 'item2', value: 2}, {name: 'item3', value: 3} ] }
以上數(shù)據(jù)模型中,我們需要提交items數(shù)組。首先,在Vue中安裝axios:
npm install axios
然后,我們需要在Vue代碼中使用axios:
methods: { sendArray: function() { axios.post('/url', this.items) .then(function(response) { console.log(response); }) .catch(function(error){ console.log(error); }); } }
在代碼中,我們使用axios.post方法向服務(wù)器發(fā)送POST請(qǐng)求并提交items數(shù)組。當(dāng)響應(yīng)成功時(shí),將打印出響應(yīng)數(shù)據(jù)。如果出現(xiàn)錯(cuò)誤,則將打印錯(cuò)誤信息。
如上所述,我們可以看到,我們只需要將數(shù)據(jù)模型作為axios.post的第二個(gè)參數(shù)就可以提交數(shù)組。但是,我們需要確保服務(wù)器可以正確地接收到提交的數(shù)組參數(shù)。
為此,我們需要在服務(wù)器端進(jìn)行設(shè)置。首先,在服務(wù)器端引入body-parser:
var bodyParser = require('body-parser'); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true }));
在代碼中,我們使用了body-parser中間件來解析請(qǐng)求體中的JSON并將其添加到req.body中。使用上述設(shè)置后,我們將能夠正確地接收Vue提交的數(shù)組參數(shù)。
最后,我們可以通過調(diào)用sendArray方法來提交items數(shù)組:
以上代碼中,我們使用了Vue的v-on指令,它將單擊事件動(dòng)態(tài)綁定到sendArray方法。
總之,使用Vue提交數(shù)組參數(shù)非常簡(jiǎn)單。我們只需要使用axios.post方法將數(shù)據(jù)模型作為第二個(gè)參數(shù)提交即可。然而,我們需要確保服務(wù)器可以正確地接收到提交的數(shù)組參數(shù)。通過對(duì)服務(wù)器進(jìn)行設(shè)置,我們可以保證可以正常接收到數(shù)組參數(shù)。