el-select 多选返回字符串用，隔开，利用计算属性，回显和设置

可以通过计算属性来实现 el-select 多选返回字符串用逗号隔开，并进行回显和设置。具体的代码如下：

<template>
  <div>
    <el-select
      v-model="selectedValues"
      multiple
      filterable
      placeholder="请选择"
      @change="handleSelectChange"
    >
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
    <el-button type="primary" @click="handleSubmit">提交</el-button>
    <p>已选择的值：{{ selectedValueString }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: "选项1", value: "option1" },
        { label: "选项2", value: "option2" },
        { label: "选项3", value: "option3" },
        { label: "选项4", value: "option4" }
      ],
      selectedValues: []
    };
  },
  computed: {
    selectedValueString() {
      return this.selectedValues.join(",");
    }
  },
  methods: {
    handleSelectChange() {
      // do something when selected values change
    },
    handleSubmit() {
      console.log("selected string: ", this.selectedValueString);
    },
    setSelectedValuesFromString(selectedValueString) {
      this.selectedValues = selectedValueString.split(",");
    }
  }
};
</script>

在上述代码中，我们定义了一个计算属性 `selectedValueString`，用来将 `selectedValues` 数组转换为用逗号隔开的字符串。在模板中，我们将这个字符串展示出来，并在点击提交按钮时将其输出到控制台上。

如果需要进行回显和设置，我们可以定义一个方法 `setSelectedValuesFromString`，将传入的字符串转换为数组，并将其设置为 `selectedValues` 数组。这样，在初始化时或者在需要回显时，我们就可以调用这个方法来设置 `selectedValues` 数组了。