使用循环在el-select下拉框中循环出-3至50

问:

使用循环在el-select下拉框中循环出-3至50

回答:

<el-form-item
  prop="adPosition"
  label="广告位置"
  :rules="{
    required: true, message: '广告位置不能为空', trigger: 'change'
  }"
>
  <el-select v-model="addDataForm.adPosition" placeholder="必选">
    <el-option
      v-for="i in 54"
      :key="i"
      :label="i - 4"
      :value="i - 4"
    >
      {{ i - 4 }}
    </el-option>
  </el-select>
</el-form-item>

:key要保持i, 而:label和:value 要写成 i-4, 否则显示正常, 但是点击会出现问题.