在vue-element-admin中表单提交时，复选框提交数据，字段如何有数组转为字符串？

Question

问题描述

• 在vue-element-admin中表单提交时，复选框提交数据，字段如何有数组转为字符串？

相关代码

<template>……<el-checkbox-group v-model="resumeForm.fruit">
  <el-checkbox label="香蕉" name="fruit"></el-checkbox>
  <el-checkbox label="苹果" name="fruit"></el-checkbox>
  <el-checkbox label="西瓜" name="fruit"></el-checkbox>
  <el-checkbox label="得力" name="fruit"></el-checkbox>
  <el-checkbox label="橘子" name="fruit"></el-checkbox></el-checkbox-group></templaye

<script>
……
data() {    return {        fruit:[]
    }
}
</script>

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

表单提交后：字段是数组形式，如下：

fruit[0]:香蕉
fruit[1]:苹果
……

如何将提交的字段转为字符串的形式：fruit:香蕉，苹果？

Answer 1

JSON.stringify(this.fruit) //JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串