如何將字典值添加到給定鍵的“v-model”？

Question

我正在嘗試將 filterDataArray 添加到我的應用程序，以便有條件地向我的 API 請求添加參數。

我已經像這樣創建了 filterData 數組：

filterData: [
     {key: 'name', value: ''},
     {key: 'surname', value: ''},
     {key: 'age', value: ''}

現在我想綁定我的過濾器輸入以獲得如下內容：

<v-text-field v-model="filterData.value.where(filterData.key == 'Name')"> 
</v-text-field>

然后將 filterData 傳遞給 APIController 並像這樣構建 get 請求：

getfiltereddata(data) {
    var url = `/user?filtereddata=true`;
    data.forEach(element => {
    url = url + `&` + element.key + `=` + element.value;
}); //of course i have to check if valuie is not ''

最終產品應如下所示：

/user?filtereddata=true&name=nameinput&surname=surnameinput&age=ageinput;

我將衷心感謝您的幫助。

Answer 1

我認為您想要迭代filterData數組並將每個對象綁定到輸入：

<template v-for="(data,index) in filterData">
    <v-text-field  v-model="filterData[index].value"> 
   </v-text-field>
</template>