这是我的一个data
examOne : {
examId: “1001”,
examQ: “基准比例尺可能是各个局部比例尺的平均值,或者是____”,
examA: [
{ name: ‘a’, iconType: ‘0’, value: ‘图上各个局部比例尺的平均值’ },
{ name: ‘b’, iconType: ‘0’, value: ‘图上某点某线任何比例尺’ },
{ name: ‘c’, iconType: ‘0’, value: ‘图上某点或某线的局部比例尺’ },
{ name: ‘d’, iconType: ‘0’, value: ‘任何比例尺’ }
],
examRA: “c”
}
wxml ==>
<template name=“exam-content”>
<view class=“exam-content-q”> {{examQ}}</view>
<radio-group class=“radio-group exam-content-a”>
<view wx:for="{{examA}}" wx:key="{{index}}" class=“radio” bindtap=“radioChange” data-v="{{item.name}}+{{examRA}}" >
<icon wx:if="{{item.iconType==‘0’}}" type="" size=“16” />
<icon wx:elif="{{item.iconType==1}}" type=“success” size=“16” style=“border:1px solid green;”/>
<icon wx:elif="{{item.iconType==2}}" type=“clear” size=“16” color=“red” style=“border:1px solid red;”/>
<view>{{item.value}}</view>
</view>
</radio-group>
</template>
<view class=“exam-content”>
<template is=“exam-content” data="{{…examOne}}"/>
</view>
呈现效果:
问题:
当我点击某个选项时,当答对了:如何改变当前选项的iconType值;当答错了:如何改变当前项和正确项的值
最终需要的效果图如下