将多问卷(单选)选择结果记录在数组中(Vue),并设置选项的选中样式
html代码:
<div class="question"
v-for="(item, index) in questionArr" //遍历存放问题的数组
:key="index" //设置key属性
>
<p>{
{item['title']}}</p> //问题内容
<p
v-for="(obj, ind) in item['options']" //遍历选项
:key="ind" //key属性
@click='doQuestion(index,ind)' //给整个p标签绑定点击事件,传递当前问题和选项的索引,切换选项
:class="{active:(answerArr[index]==ind)}"// 激活样式,由数组内的第(当前问题的索引值)个的值和自身选项的索引值是否相等确定
>
<img :src="answerArr[index]==ind?'对勾.png':'未选.png'" alt="" >
//自定义单选框,根据选择状态切换图片内容src
<input type="radio" //通常设置隐藏display:none
:name="index" //单选radio的name需设置一样的(题目的索引)
:value=&#