Element ui实现带取消的单选+下拉选

最新推荐文章于 2023-09-13 15:56:53 发布

CxToBj

最新推荐文章于 2023-09-13 15:56:53 发布

阅读量206

点赞数

文章标签： vue.js node.js

本文链接：https://blog.csdn.net/lang09/article/details/115302293

版权

  <el-form-item label="正确答案" prop="release" style="width: 370px;" id="selectQuestion" >
          <input type="radio"  value="T" v-model="form.rightAnswer" @click="clickitem(this)">正确   &nbsp;&nbsp;
           <input type="radio" value="F" v-model="form.rightAnswer" @click="clickitem(this)">错误&nbsp;&nbsp;
     </el-form-item>
     
方法
   clickitem (e) {
       e === this.form.rightAnswer ? this.form.rightAnswer = '' : this.form.rightAnswer = e
   }
-------------------------下拉选---------------------
<el-form-item label="正确答案" style="width: 370px;" id="" >
            <el-checkbox-group   v-model="form.checkList" @change="handleCheckedDatesChange" :row-key="getkey">
              <el-checkbox v-for="date in dates" :label="date.key" :key="date.key">{{date.label}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        
  //数据
   data() {
      return {// form.type

        dates: [
          {
            key: "A",
            label: "A",
          },
          {
            key: "B",
            label: "B",
          },
          {
            key: "C",
            label: "C",
          },
          {
            key: "D",
            label: "D",
          }
        ],