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封装switch开关组件的操作

    vue.js封装switch开关组件的操作

    这篇文章主要介绍了vue.js封装switch开关组件的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • Vue Router4 嵌套路由的示例代码

    Vue Router4 嵌套路由的示例代码

    在 Vue Router 4 中,嵌套路由是一种非常重要的功能,它允许我们创建更复杂的 UI 结构,同时保持路由的清晰和易于管理,这篇文章主要介绍了Vue Router4 嵌套路由,需要的朋友可以参考下
    2024-04-04
  • vue项目打包清除console.log的4种方法

    vue项目打包清除console.log的4种方法

    项目打包的时候想要删除console.log,本文主要介绍了vue项目打包清除console.log的4种方法,具有一定的参考价值,感兴趣的可以了解游戏
    2023-11-11
  • Vue中如何使用ElementUI实现图片上传

    Vue中如何使用ElementUI实现图片上传

    这篇文章主要介绍了Vue中如何使用ElementUI实现图片上传,这里用了elementUI的一个简单的例子,给大家介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • VUE-cli3使用 svg-sprite-loader

    VUE-cli3使用 svg-sprite-loader

    svg-sprite-loader 的插件,用来根据导入的 svg 文件自动生成 symbol 标签并插入 html,这篇文章主要介绍了VUE-cli3使用 svg-sprite-loader,需要的朋友可以参考下
    2018-10-10
  • Vue2过渡标签transition使用动画方式

    Vue2过渡标签transition使用动画方式

    这篇文章主要介绍了Vue2过渡标签transition使用动画方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • Vue3如何理解ref toRef和toRefs的区别

    Vue3如何理解ref toRef和toRefs的区别

    本文主要介绍了Vue3如何理解ref toRef和toRefs的区别,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-12-12
  • 详解Vue自定义指令如何实现处理图片加载失败的碎图

    详解Vue自定义指令如何实现处理图片加载失败的碎图

    这篇文章主要介绍了详解Vue自定义指令如何实现处理图片加载失败的碎图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-02-02
  • 详解Vue 事件修饰符capture 的使用

    详解Vue 事件修饰符capture 的使用

    capture事件修饰符的作用是给元素添加一个监听器,当元素发生冒泡时,先触发带有该修饰符的元素。这篇文章给大家介绍了Vue 事件修饰符capture 的使用,需要的朋友参考下吧
    2017-12-12
  • Vue Router路由无法跳转问题汇总

    Vue Router路由无法跳转问题汇总

    这篇文章主要介绍了Vue Router路由无法跳转问题汇总,在这里我整理了部分Vue Router路由无法跳转问题,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-09-09

最新评论