欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • vant IndexBar實現(xiàn)的城市列表的示例代碼

    vant IndexBar實現(xiàn)的城市列表的示例代碼

    這篇文章主要介紹了vant IndexBar實現(xiàn)的城市列表的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-11-11
  • vue視圖不更新情況詳解

    vue視圖不更新情況詳解

    這篇文章主要介紹了vue視圖不更新情況詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • vue實現(xiàn)省市區(qū)的級聯(lián)選擇

    vue實現(xiàn)省市區(qū)的級聯(lián)選擇

    這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)省市區(qū)的級聯(lián)選擇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-10-10
  • 一步步教你用Vue.js創(chuàng)建一個組件(附代碼示例)

    一步步教你用Vue.js創(chuàng)建一個組件(附代碼示例)

    組件(Component)是Vue.js最強(qiáng)大的功能之一,組件可以擴(kuò)展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關(guān)于如何一步步用Vue.js創(chuàng)建一個組件的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • vue中?render?函數(shù)功能與原理分析

    vue中?render?函數(shù)功能與原理分析

    這篇文章主要介紹了vue中?render?函數(shù)功能與原理,結(jié)合實例形式分析了vue中render函數(shù)的基本功能、原理及相關(guān)操作注意事項,需要的朋友可以參考下
    2023-06-06
  • Vue項目中使用addRoutes出現(xiàn)問題的解決方法

    Vue項目中使用addRoutes出現(xiàn)問題的解決方法

    大家應(yīng)該都知道可以通過vue-router官方提供的一個api-->addRoutes可以實現(xiàn)路由添加的功能,事實上就也就實現(xiàn)了用戶權(quán)限,這篇文章主要給大家介紹了關(guān)于Vue項目中使用addRoutes出現(xiàn)問題的解決方法,需要的朋友可以參考下
    2021-08-08
  • vue3配置代理實現(xiàn)axios請求本地接口返回PG庫數(shù)據(jù)

    vue3配置代理實現(xiàn)axios請求本地接口返回PG庫數(shù)據(jù)

    這篇文章主要為大家詳細(xì)介紹了vue3配置代理實現(xiàn)axios請求本地接口返回PG庫數(shù)據(jù)的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下
    2025-03-03
  • 詳解Vue的組件中data選項為什么必須是函數(shù)

    詳解Vue的組件中data選項為什么必須是函數(shù)

    這篇文章主要給大家介紹了關(guān)于Vue的組件中data選項為什么必須是函數(shù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • Vue項目新一代狀態(tài)管理工具Pinia的使用教程

    Vue項目新一代狀態(tài)管理工具Pinia的使用教程

    pinia是一個輕量級的狀態(tài)管理庫,屬于 vue3 生態(tài)圈新的成員之一,下面這篇文章主要給大家介紹了關(guān)于Vue項目新一代狀態(tài)管理工具Pinia的使用教程,需要的朋友可以參考下
    2022-11-11
  • 一文帶你搞懂Vue3.5的響應(yīng)式重構(gòu)

    一文帶你搞懂Vue3.5的響應(yīng)式重構(gòu)

    在Vue3.5版本中最大的改動就是響應(yīng)式重構(gòu),重構(gòu)后性能竟然炸裂的提升了56%,本文我們來講講使用雙向鏈表后,Vue內(nèi)部是如何實現(xiàn)依賴收集和依賴觸發(fā)的,感興趣的可以了解下
    2024-11-11

最新評論