element ui实现动态输入分数段

要实现在 Element UI 中动态输入分数段，你可以使用 el-input 组件配合 v-for 指令来生成输入框。以下是一个示例：

<template>
  <div>
    <el-form :model="scoreRanges" label-width="80px">
      <el-form-item v-for="(range, index) in scoreRanges" :key="index" label="分数段">
        <el-input v-model="range" placeholder="输入分数段"></el-input>
        <el-button @click="removeRange(index)">删除</el-button>
      </el-form-item>
      <el-button @click="addRange">添加分数段</el-button>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      scoreRanges: []
    };
  },
  methods: {
    addRange() {
      this.scoreRanges.push('');
    },
    removeRange(index) {
      this.scoreRanges.splice(index, 1);
    }
  }
};
</script>

在上面的示例中，我们使用一个表单和一个按钮来实现动态输入分数段的功能。 `scoreRanges` 数组用于存储输入的分数段。

通过使用 `v-for` 指令，我们可以根据 `scoreRanges` 数组的长度动态生成输入框。点击添加按钮时，会在 `scoreRanges` 数组中添加一个空字符串，从而生成新的输入框。点击删除按钮时，会从 `scoreRanges` 数组中移除对应的分数段。

你可以根据自己的需求进一步处理输入的分数段数据。这只是一个基本的示例，你可以根据实际情况进行调整和扩展。