vue之字符串、数组之间的相互转换方式

 更新时间:2023年07月05日 14:41:27   作者:new-lijiabin  
这篇文章主要介绍了vue之字符串、数组之间的相互转换方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue字符串、数组之间的相互转换

字符串如何转数组

str.split(';'); //以分号拆分字符串

数组如何转字符串

arr.join(';'); //把数组项拼接成字符串,并以分号隔开。默认情况下是以逗号隔开

vue element项目中数组转字符串 字符串转数组

数组转字符串

备注(主要是这句):

this.modifyForm.prefecture =this.modifyForm.prefecture.toString()
  async handleAdclick() {
      this.modifyForm.prefecture = this.modifyForm.prefecture
        .toString()
        .replace(/,/gi, '|')
      const result = await addCustomer(this.modifyForm)
      if (result.code === 200) {
        /* 添加完置空表单 */
        this.modifyForm = {
          address: '',
          age: '',
          avatar: '',
          mobile: '',
          memo: '',
          conditionTags: '',
          email: '',
          employeeId: '',
          enterpriseWechatTags: '',
          name: '',
          rfmtags: '',
          sex: true,
          sources: '',
          wxNickname: '',
          prefecture: ''
        }
        this.$message.success('添加成功')
        this.$router.go(-1)
      } else {
        this.$message.error('添加失败')
      }
    }

字符串转数组

备注(主要是这句):

this.distrubuteForm.ids = this.writerAnotherId.split(‘,')

(我这里有个字段赋值,对应好你的字段即可)

 async handleAdclick() {
      this.distrubuteForm.ids = this.writerAnotherId.split(',')
      const result = await distrubuteCustom(this.distrubuteForm)
      if (result.code === 200) {
        /* 添加完置空表单 */
        this.distrubuteForm = {
          crmId: '',
          followUpUserId: '',
          ids: [],
          optUserId: ''
        }
        this.$message.success('分配成功')
        this.distributionDialogVisible = false
        this.getList()
      } else {
        this.$message.error('分配失败')
      }
    }

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue实现菜单切换功能

    vue实现菜单切换功能

    这篇文章主要介绍了vue实现菜单切换功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • vue-pdf实现文件在线预览

    vue-pdf实现文件在线预览

    这篇文章主要为大家详细介绍了vue-pdf实现文件在线预览,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 解决vue2.0动态绑定图片src属性值初始化时报错的问题

    解决vue2.0动态绑定图片src属性值初始化时报错的问题

    下面小编就为大家分享一篇解决vue2.0动态绑定图片src属性值初始化时报错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Vue实现小购物车功能

    Vue实现小购物车功能

    这篇文章主要为大家详细介绍了Vue实现小购物车功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 关于vant折叠面板默认展开问题

    关于vant折叠面板默认展开问题

    这篇文章主要介绍了关于vant折叠面板默认展开问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue设置浏览器小图标(ICON)的详细步骤

    Vue设置浏览器小图标(ICON)的详细步骤

    vue中网页图标默认使用的是vue自带的一个icon的图标,也是vue的logo,下面这篇文章主要给大家介绍了关于Vue设置浏览器小图标(ICON)的详细步骤,需要的朋友可以参考下
    2023-01-01
  • vue-cli初始化项目中使用less的方法

    vue-cli初始化项目中使用less的方法

    vue-cli 是 vue.js 的脚手架工具,可以帮助我们编写基础代码、快速搭建开发环境。下面这篇文章主要给大家介绍了关于vue-cli初始化项目中使用less的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起看看吧
    2018-08-08
  • 基于Vue的文字跑马灯组件(npm 组件包)

    基于Vue的文字跑马灯组件(npm 组件包)

    这篇文章主要介绍了基于Vue的文字跑马灯组件(npm 组件包),需要的朋友可以参考下
    2017-05-05
  • vuex根据不同的用户权限展示不同的路由列表功能

    vuex根据不同的用户权限展示不同的路由列表功能

    最近接到一个新的需求,要求将系统的用户进行分类,用户登陆后根据不同的用户权限展示不同的功能列表。这篇文章主要介绍了vuex根据不同的用户权限展示不同的路由列表,需要的朋友可以参考下
    2019-09-09
  • Vue使用JsonView进行JSON数据展示

    Vue使用JsonView进行JSON数据展示

    Vue-JSON-Viewer 是一个用于在Vue项目中展示JSON数据的组件,它解决了在项目开发中面临的展示JSON数据的需求,下面就跟随小编一起来了解下它的具体使用吧
    2025-03-03

最新评论