vue中post陣列到後端陣列格式錯誤

2021-10-23 07:43:42 字數 1081 閱讀 3292

在vue中使用post向後端傳送資料,資料格式如下

description: "test"

key: "test"

pages: array(8)

0: "dashbord"

1: "permission"

2: "pageuser"

3: "pageadmin"

4: "roles"

5: "monitormain"

6: "monitmain"

7: "hostmanage"

length: 8

其中post在使用axios傳送時進行了攔截處理

export default 

})},

後端使用的是flask restful webapi

接收資料的方法如下:

@jwt_required

def post(self):

claims = get_jwt_claims()

form = request.form.to_dict()

print(form)

資料中的陣列在傳到後端之後變成了字典的形式:

在前端對傳送的資料中的陣列用json進行格式化處理

newtab.pages = window.json.stringify(treekeys)
其中newtab是我建立的儲存資料的物件,treekeys就是陣列資料,在處理之後,後端接收的陣列就變成了字串的形式。

如果你需要的是陣列的形式,你可先將和""去除,然後用split(",")將它變為陣列。

加乙個window是因為我是在vue中進行處理的,呼叫json需要在前面加乙個window。

這是使用python框架時框架自定義的處理乙個鍵帶多個值的方案。使用json.stringfy的方法是將陣列序列化成字串,所以傳遞到後端就不會出現這個問題了。

vue 陣列中巢狀陣列 vue陣列巢狀陣列的問題

如圖,餅乾 健康零食 早點下午茶 中式糕點 西式糕點是外層的陣列,用v for來完成,但是陣列裡面還有乙個陣列,這個還是用v for嗎?應該怎麼做?我就是在v for裡面又用了乙個v for,如下 模板class productclassificationlist v for list in pro...

vue呼叫陣列 Vue陣列

vue為了增加列表渲染的功能,增加了一組觀察陣列的方法,而且可以顯示乙個陣列的過濾或排序的副本。變異方法 vue 包含一組觀察陣列的變異方法,它們將會觸發檢視更新,包含以下方法 push 接收任意數量的引數,把它們逐個新增到陣列末尾,並返回修改後陣列的長度 pop 從陣列末尾移除最後一項,減少陣列的...

vue 中 陣列劫持

vue中物件劫持 object.defineproperty obj,prop,descriptor 1 obj 必需。目標物件 2 prop 必需。需定義或修改的屬性的名字 3 descriptor 必需。目標屬性所擁有的特性 這個介紹的比較多,就不展開了。vue中陣列劫持 劫持push方法 le...