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.js实现文件上传压缩优化处理技巧

    Vue.js实现文件上传压缩优化处理技巧

    这篇文章主要介绍了Vue.js实现文件上传压缩优化处理,本文给大家介绍两种方法一种是借助canvas的封装的文件压缩上传,二是使用compressorjs第三方插件实现,本文给大家介绍的非常详细需要的朋友可以参考下
    2022-11-11
  • vue项目实现img的src动态赋值

    vue项目实现img的src动态赋值

    这篇文章主要介绍了vue项目实现img的src动态赋值方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性)

    饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性)

    最近新做的项目有用到Element-UI tree组件,下面这篇文章主要给大家介绍了关于饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性),文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • vue Draggable实现拖动改变顺序

    vue Draggable实现拖动改变顺序

    这篇文章主要为大家详细介绍了vue Draggable实现拖动改变顺序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue通过for循环随机生成不同的颜色或随机数的实例

    Vue通过for循环随机生成不同的颜色或随机数的实例

    今天小编就为大家分享一篇Vue通过for循环随机生成不同的颜色或随机数的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • Vue 3需要避免的错误

    Vue 3需要避免的错误

    Vue3已经稳定了相当长一段时间了。许多代码库都在生产环境中使用它,其他人最终都将不得不迁移到Vue3。我现在有机会使用它并记录了我的错误,下面这些错误你可能想要避免
    2023-03-03
  • 浅谈vue的踩坑路

    浅谈vue的踩坑路

    下面小编就为大家带来一篇浅谈vue的踩坑路。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • Vue3使用src动态引入本地图片的详细步骤

    Vue3使用src动态引入本地图片的详细步骤

    这篇文章主要给大家介绍了关于Vue3使用src动态引入本地图片的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-12-12
  • VUE实现图片验证码功能

    VUE实现图片验证码功能

    这篇文章主要为大家详细介绍了VUE实现图片验证码功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 详解Vue快速零配置的打包工具——parcel

    详解Vue快速零配置的打包工具——parcel

    本篇文章主要介绍了详解Vue快速零配置的打包工具——parcel,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01

最新评论