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