<div class="form-group">
<div class="col-sm-2 control-label">添加题目:</div>
<div class="col-sm-10"><br>
<ol>
<li readonly="readonly" v-for="(item, index) in listQuestions" :key="index" style="width: 1450px;">
题目{{item.stem}}<br>
{{item.choiceB==null}}
uu{{item.choiceB==''}}
bb{{(!(item.choiceB==null)&&!(item.choiceB==''))}}
<p **v-show='(!(item.choiceA==null)&&!(item.choiceA==""))'**>A、{{item.choiceA}}</p><br>
<p v-show='(!(item.choiceB==null)&&!(item.choiceB==""))'>B、{{item.choiceB}}</p><br>
<p v-show='(!(item.choiceC==null)&&!(item.choiceC==""))'>C、{{item.choiceC}}</p><br>
<p v-show='(!(item.choiceD==null)&&!(item.choiceD==""))'>D、{{item.choiceD}}</p><br>
<p v-show='(!(item.choiceE==null)&&!(item.choiceE==""))'>E、{{item.choiceE}}</p><br>
<p v-show='(!(item.choiceF==null)&&!(item.choiceF==""))'>F、{{item.choiceF}}</p><br>
</li>
</ol>
</div>
</div>
需求很简单。 因为是选择题。有可能是多选。 例如 a b c d e f 答案 abc
但是如果是 abcd 单选 我们只需要显示 abcd 答案 a
可以通过vue中的v-show 或者 v-if 记得加个括号。请指教。
我的实体类:
/**
*实体ID
*/
@TableId
private int questionId;
/**
*试题编号
*/
private String questionCode;
/**
*分类
*/
private int questionClassify;
/**
*类型
*/
private int questionType;
/**
*题干
*/
private String stem;
/**
*选项A
*/
private String choiceA;
/**
*选项B
*/
private String choiceB;
/**
*选项C
*/
private String choiceC;
/**
*选项D
*/
private String choiceD;
/**
*选项E
*/
private String choiceE;
/**
*选项F
*/
private String choiceF;
/**
*答案
*/
private String answer;
/**
*创建时间
*/
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")
private Date updateTime;
<div class="form-group">
<div class="col-sm-2 control-label">题目:</div>
<div class="col-sm-10"><br>
<ol>
<li readonly="readonly" v-for="(item, index) in listQuestions" :key="index" style="width: 1450px;">
<strong>题目{{item.stem}}</strong>
<br><br>
<p v-if='(!(item.choiceA==null)&&!(item.choiceA==""))'>A、{{item.choiceA}}<br></p>
<p v-if='(!(item.choiceB==null)&&!(item.choiceB==""))'>B、{{item.choiceB}}<br></p>
<p v-if='(!(item.choiceC==null)&&!(item.choiceC==""))'>C、{{item.choiceC}}<br></p>
<p v-if='(!(item.choiceD==null)&&!(item.choiceD==""))'>D、{{item.choiceD}}<br></p>
<p v-if='(!(item.choiceE==null)&&!(item.choiceE==""))'>E、{{item.choiceE}}<br></p>
<p v-if='(!(item.choiceF==null)&&!(item.choiceF==""))'>F、{{item.choiceF}}<br></p>
<p v-show='(!(item.answer==null)&&!(item.answer==""))'>答案: {{item.answer}}</p>
</li>
</ol>
</div>
</div>