快捷導(dǎo)航

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ù)組轉(zhuǎn)換成字符串
      this.data.address=li.join(',')
      //如果數(shù)組為空，則將i隱藏
      if(li.length==0){
        this.activeName=''
      }

vue中g(shù)et請求傳參是數(shù)組，變?yōu)樽址?/h2>

問題

vue項目中，用axios封裝請求數(shù)據(jù)時，get請求傳遞參數(shù)為數(shù)組時，get拼接url并不能把參數(shù)正確的傳遞過去，

解決

get傳參需要前面自己轉(zhuǎn)一下傳參的格式

最初錯誤傳參

let provinces= ['1', '2', '3']
axios.get('/gateway/xxx', {
? ? params: {
? ? ? ID: 001,
? ? ? provincesData: provinces,
? ? }
? })
// 上面的請求是 '.../user?ID=001&provincesData[]=1&provincesData[]=2&provincesData[]=3

get直接傳數(shù)組就會有這種情況

轉(zhuǎn)換傳參格式

axios.get('/gateway/xxx', {
? ? params: {
? ? ? ID: 001,
? ? ? provincesData: provinces+ '',
? ? }
? })
// 在參數(shù)后面加上（ + ''），即可把數(shù)組變成字符串
// 請求變成 '.../user?ID=001&provincesData=1,2,3

JavaScript中將數(shù)組變成字符串：數(shù)組[arr] + ’ ’

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

詳解在Vue中如何實現(xiàn)表單圖片裁剪與預(yù)覽
在前端開發(fā)中，表單提交是一個常見的操作，有時候，我們需要上傳圖片，但是上傳的圖片可能會非常大，這會增加服務(wù)器的負(fù)擔(dān)，同時也會降低用戶的體驗，因此，我們通常需要對上傳的圖片進行裁剪和預(yù)覽，本文主要給大家介紹如何在Vue中進行表單圖片裁剪與預(yù)覽
2023-06-06
深入了解Vue中單向數(shù)據(jù)流的原理與管理
在Vue中，數(shù)據(jù)流是指數(shù)據(jù)的傳遞和管理方式，而Vue采用的是單向數(shù)據(jù)流，所以這篇文章就來就來和大家講講什么是Vue的數(shù)據(jù)流以及如何進行數(shù)據(jù)流管理，感興趣的可以了解一下
2023-06-06
Vue3如何獲取來源路由
這篇文章主要介紹了Vue3如何獲取來源路由問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-07-07
Vue 組件化基本使用詳情
這篇文章主要給大家分享的是Vue 組件化基本使用，所謂組件化，就是把頁面拆分成多個組件，每個組件依賴的 CSS、JS、模板、圖片等資源放在一起開發(fā)和維護。因為組件是資源獨立的，所以組件在系統(tǒng)內(nèi)部可復(fù)用，組件和組件之間可以嵌套，下面來看文章學(xué)習(xí)內(nèi)容吧
2021-10-10
解決vuecli3中img src 的引入問題
這篇文章主要介紹了解決vuecli3中img src 的引入問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
vue中怎么區(qū)分不同的環(huán)境
這篇文章主要介紹了vue中怎么區(qū)分不同的環(huán)境，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue實現(xiàn)簡單網(wǎng)頁計算器
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)簡單網(wǎng)頁計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
記錄vue做微信自定義分享的一些問題
這篇文章主要介紹了記錄vue做微信自定義分享的一些問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
Vue3中使用pnpm搭建monorepo開發(fā)環(huán)境
這篇文章主要為大家介紹了Vue3中使用pnpm搭建monorepo開發(fā)環(huán)境示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
Vue前端如何實現(xiàn)生成PDF并下載功能詳解
在前端的崗位上經(jīng)常需要實現(xiàn)個生成個并下載的可視化圖表頁PDF文件,這篇文章主要給大家介紹了關(guān)于Vue前端如何實現(xiàn)生成PDF并下載功能的相關(guān)資料,需要的朋友可以參考下
2021-10-10