内容
实现简单答题效果
环境
Vue,webpack(自行安装)
实现方式
页面将答题列表传递给调用组件,组件将结果返回给调用页面(其它模式也ok,这只是例子)
--------------------------------------------分割线-----------------------------------------------
组件 zujian8.vue
<template>
<div class="aaaa">
<div class="div" v-for="(son,index) in list_a" :key="index">
<div class="question">问题:{ {son.question }}</div>
<div class="type">类型:{ {son.type=== 1 ? '单选' : '多选' }}</div>
<div v-if="son.type === 1" class="answer">
<li v-for="(sson,index1) in son.answer" :key="index1" >
<span>{ {sson.value}}</span>
<input type="radio" :name="son.name" :value="sson.value" @change="get_radio_value(index)" v-model="checkedValue[index]" >
</li>
<div style="clear: both"></div>
<