element ui中多选下拉栏绑定的数据怎么转成string

Question

问题描述

v-model绑定了一个system，但是多选下拉框v-model的值是个数组，可是后台只能接收字符串，所以需要在前台把这个数组改成字符串，但是发送数据就是根据这个v-model来发送，那我应该怎么才能把原本的数组改成字符串再发出去

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

 <el-select v-model="system" multiple placeholder="请选择系统" clearable>
  <el-option v-for="item in options2" :key="item.id" :label="item.name" :value="item.id"> </el-option>
</el-select>

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

system.join(',')

Answer 2

JSON.stringify(this.system)

Answer 3

代码如下：

<el-select v-model="systemNew" multiple placeholder="请选择系统" clearable>
  <el-option v-for="item in options2" :key="item.id" :label="item.name" :value="item.id"> </el-option>
</el-select>

data(){
    return{
        system: ''
    }
},
computed:{
     systemNew: {
            get() {
                return this.system.datas.split(',') 
            },
            set(val) {
                this.system = val.join(',')
            }
      }
}

Answer 4

1. 计算属性
2. watch函数
3. 接口发送拷贝v-model中的内容转换，不改变原v-model内容