如何将el-input中的内容例如选择题与选项,进行拆分后将选择题题目与选项显示到不同的el-input中
时间: 2024-02-13 12:05:27 浏览: 12
你可以使用字符串的`split()`方法将选择题和选项分开,然后将它们分别填充到不同的`el-input`中。以下是一个示例代码:
```html
<template>
<div>
<el-input v-model="question" placeholder="请输入选择题"></el-input>
<el-input v-model="options" placeholder="请输入选项"></el-input>
<el-button type="primary" @click="splitQuestion">拆分</el-button>
</div>
</template>
<script>
export default {
data() {
return {
question: '',
options: ''
}
},
methods: {
splitQuestion() {
const questionAndOptions = this.question.split(/、|\s+/); // 以中文逗号或空格拆分
this.question = questionAndOptions[0]; // 第一项为选择题题目
this.options = questionAndOptions.slice(1).join(' '); // 剩余项为选项
}
}
}
</script>
```
这里我们使用了正则表达式`/、|\s+/`来匹配中文逗号或者空格来拆分选择题和选项。然后将拆分后的题目和选项填充到不同的`el-input`中。最后,我们在点击拆分按钮时调用`splitQuestion`方法来执行拆分操作。