vue如何將字符串變?yōu)閿?shù)組
更新時間：2023年07月05日 15:56:24 作者：php的緋聞女友
這篇文章主要介紹了vue如何將字符串變?yōu)閿?shù)組問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue將字符串變?yōu)閿?shù)組
var li=address.split(',')
//獲取索引
var index=li.indexOf(e);
if(index>-1){
//刪除數(shù)組中的元素
li.splice(index, 1)
}
//將數(shù)組轉換成字符串
this.data.address=li.join(',')
//如果數(shù)組為空，則將i隱藏
if(li.length==0){
this.activeName=''
}vue中get請求傳參是數(shù)組，變?yōu)樽址?/h2>
問題
vue項目中，用axios封裝請求數(shù)據(jù)時，get請求傳遞參數(shù)為數(shù)組時，get拼接url并不能把參數(shù)正確的傳遞過去，
解決
get傳參需要前面自己轉一下傳參的格式
- 最初錯誤傳參
let provinces= ['1', '2', '3']
axios.get('/gateway/xxx', {
? ? params: {
? ? ? ID: 001,
? ? ? provincesData: provinces,
? ? }
? })
// 上面的請求是 '.../user?ID=001&provincesData[]=1&provincesData[]=2&provincesData[]=3get直接傳數(shù)組就會有這種情況
- 轉換傳參格式
axios.get('/gateway/xxx', {
? ? params: {
? ? ? ID: 001,
? ? ? provincesData: provinces+ '',
? ? }
? })
// 在參數(shù)后面加上（ + ''），即可把數(shù)組變成字符串
// 請求變成 '.../user?ID=001&provincesData=1,2,3JavaScript中將數(shù)組變成字符串：數(shù)組[arr] + ’ ’
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vant IndexBar實現(xiàn)的城市列表的示例代碼
這篇文章主要介紹了vant IndexBar實現(xiàn)的城市列表的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要介紹了vue視圖不更新情況詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要為大家詳細介紹了vue實現(xiàn)省市區(qū)的級聯(lián)選擇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
一步步教你用Vue.js創(chuàng)建一個組件(附代碼示例)
組件(Component)是Vue.js最強大的功能之一,組件可以擴展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關于如何一步步用Vue.js創(chuàng)建一個組件的相關資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue中?render?函數(shù)功能與原理,結合實例形式分析了vue中render函數(shù)的基本功能、原理及相關操作注意事項,需要的朋友可以參考下2023-06-06
Vue項目中使用addRoutes出現(xiàn)問題的解決方法
大家應該都知道可以通過vue-router官方提供的一個api-->addRoutes可以實現(xiàn)路由添加的功能,事實上就也就實現(xiàn)了用戶權限,這篇文章主要給大家介紹了關于Vue項目中使用addRoutes出現(xiàn)問題的解決方法,需要的朋友可以參考下2021-08-08
vue3配置代理實現(xiàn)axios請求本地接口返回PG庫數(shù)據(jù)
這篇文章主要為大家詳細介紹了vue3配置代理實現(xiàn)axios請求本地接口返回PG庫數(shù)據(jù)的相關知識,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2025-03-03
這篇文章主要給大家介紹了關于Vue的組件中data選項為什么必須是函數(shù)的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-08-08
pinia是一個輕量級的狀態(tài)管理庫,屬于 vue3 生態(tài)圈新的成員之一,下面這篇文章主要給大家介紹了關于Vue項目新一代狀態(tài)管理工具Pinia的使用教程,需要的朋友可以參考下2022-11-11
在Vue3.5版本中最大的改動就是響應式重構,重構后性能竟然炸裂的提升了56%,本文我們來講講使用雙向鏈表后,Vue內部是如何實現(xiàn)依賴收集和依賴觸發(fā)的,感興趣的可以了解下2024-11-11