在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...