首页 > 解决方案 > 如何在 Vue.js 的输入值字段中输入对象数组?

问题描述

我有这个数组:

[{"ID":"1","Shasi":"VF157469762","Brand":"82","Model":"CLIO IV Societe Life","Nomer":"C3KK","Insurence":"\u0417\u0410\u0414 \u0410410 \u0418\u041d\u0428\u0423\u0420\u042a\u041d\u0421 \u0413\u0420\u0423\u041f \u0410\u0414","Grajdanska":"\u0417\u0410\u0414 \u0411\u0423\u041b\u0421\u0422\u0420\u0410\u0414 \u0412\u0418\u0415\u041d\u0410 \u0418\u041d\u0428\u0423\u0420\u042a\u041d\u0421 \u0413\u0420\u0423\u041f \u0410\u0414","Given":"0000-00-00","ContractN":"0040000434","ContractType":"ZMV","CustomerN":"1100024801","CustomerName":"\u041d\u0415\u0421\u0422\0413\u0410\u0420\u0418\u042f \u0410\u0414","Vat":"8349","OwnerN":"","OwnerName":"","OwnerVAT":"","ContractDate":"2021-02-28","GTP":"2019-04-30","NextTO":"2020-04-19","TON":"98015","GO":"2019-04-27","Kasko":"2021-04-28","Vinetka":"2019-01-31","Total":"2490"},{"ID":"2","Shasi":"VF16RB9763","Brand":"82","Model":"CLIO IV Societe Life","Nomer":"C16KM","Insurence":"\u0417\u0410\u0414 \u0411\u0423\u041b\u0421\u0422\u0420\u0410\u0414 \u0412\u0418\u0415\u041d\u0410 \u0418\u041d\u0428\u0423\u0420\u042a\u041d\u0421 \u0413\u0420\u0423\u041f \u0410\u0414","Grajdanska":"\u0417\u0410\u0414 \u0411\u0423\u041b\u0421\u0422\u0420\u0410\u0414 \u0412\u0418\u0415\u041d\u0410 \u0418\u041d\u0428\u0423\u0420\u042a\u041d\u0421 \u0413\u0420\u0423\u041f \u0410\u0414","Given":"0000-00-00","ContractN":"00434","ContractType":"ZMV","CustomerN":"1101","CustomerName":"\u041d\u04041b\u0415 \u0411\u042a\u041b\u0042f \u0410\u0414","Vat":"8349","OwnerN":"","OwnerName":"","OwnerVAT":"","ContractDate":"2021-02-28","GTP":"2019-05-03","NextTO":"2019-02-02","TON":"5969","GO":"2020-05-11","Kasko":"2021-05-12","Vinetka":"2019-01-31"}]

我希望能够将它放在输入值中,如下所示:

<form action="exportToExcel.php" method="post">
    <input type="hidden" name="data" v-model="cars">
    <input type="submit" class="btn btn-primary" name="submit" value="Експортирай към Excel">
</form>

但我最终得到的是:

<input type="hidden" name="data" value="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]">

我做错了什么?我试过了:value,但我得到了相同的结果。谢谢!

标签: arraysvue.js

解决方案


我猜你正在寻找:value=JSON.stringify(cars).

尽管如今依靠形式看起来很老派。我建议使用像 axios 这样的 lib 来提交表单数据并消除对隐藏输入的需要


推荐阅读