(29/05/21) 多选字母递增(A~Z)

醉亦逝愁、

于 2021-05-29 19:41:05 发布

阅读量62

点赞数

本文链接：https://blog.csdn.net/qq_44840110/article/details/117390027

版权

 	<el-form-item label="选项 ：" v-if="form.questionType !== 3" style="margin-top: 20px">
          <!--  多选  -->
            <el-checkbox-group v-model="form.checkBoxKey" v-else-if="form.questionType === 2">
              <el-checkbox
                class="rad"
                v-for="obj in cOption"
                :key="obj.code"
                :label="obj.code"
              ><span>{{ obj.code }}：</span>
                <el-input v-model="obj.title"></el-input>
              </el-checkbox>
            </el-checkbox-group>
            
            <div>
            <el-button
              :disabled="form.questionType === 1"
              type="danger"
              @click="addOptions">+增加选项与答案</el-button>
            </div>
  	</el-form-item>

 cOption: [
        { code: 'A', title: 'cOption4', img: '', isRight: true },
        { code: 'B', title: 'cOption3', img: '', isRight: false },
        { code: 'C', title: 'cOption2', img: '', isRight: false },
        { code: 'D', title: 'cOption1', img: '', isRight: false }
        ]

 addOptions () { 
      this.cOption.push({
        code: String.fromCharCode(this.cOption.length + 65), // 关键代码
        title: '新来的',
        img: '',
        isRight: false
      })