如何将一个el-input中的数据拆分后显示给不同的el-input

假设你的`el-input`中的数据格式为"选项1、选项2、选项3"，你可以使用字符串的`split()`方法将其拆分成一个数组，然后通过数组的索引获取每个选项，最后将它们填充到不同的`el-input`中。以下是一个示例代码：

<template>
  <div>
    <el-input v-model="inputData" placeholder="请输入选项"></el-input>
    <el-input v-model="option1" placeholder="选项1"></el-input>
    <el-input v-model="option2" placeholder="选项2"></el-input>
    <el-input v-model="option3" placeholder="选项3"></el-input>
    <el-button type="primary" @click="splitData">拆分</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputData: '',
      option1: '',
      option2: '',
      option3: ''
    }
  },
  methods: {
    splitData() {
      const options = this.inputData.split('、'); // 以中文逗号拆分
      this.option1 = options[0];
      this.option2 = options[1];
      this.option3 = options[2];
    }
  }
}
</script>

这里我们使用了字符串的`split()`方法将输入的数据按照中文逗号拆分成一个数组。然后通过数组的索引获取每个选项，最后将它们填充到不同的`el-input`中。最后，我们在点击拆分按钮时调用`splitData`方法来执行拆分操作。