首先這個(gè)是項(xiàng)目要求https://pro.modao.cc/app/yYrFSrhbpUkSjrOCYpKg9iO6d2PPFGo 這個(gè)是數(shù)據(jù)const data =[? {? ? lv:'美國(guó)學(xué)前',? ? level:'L1',? ? theWords:['see','play', 'me','at','run','go','and','look','can','here'],? ? stuAnswer:''? },? {? ? lv:'美國(guó)學(xué)前',? ? level:'L2',? ? theWords:['you','come','not','with','jump','help','is','work','are','this'],? ? stuAnswer:''? },? {? ? lv:'美國(guó)小學(xué)1年級(jí)',? ? level:'L3',? ? theWords:['road','live','thank','when','bigger','how','always','night','spring','today'],? ? stuAnswer:''? }]這是我目前寫的代碼<template> <div class="home"> <p class="title">請(qǐng)點(diǎn)擊選出自己認(rèn)識(shí)的單詞</p> <checker?? ? v-for="(item, index) in items" ? v-if="index == 0" ? @click.native="checker(index)" ? class="check-box"? ? v-model="demo"? ? type="checkbox"? ? default-item-class="demo1-item"? ? selected-item-class="demo1-item-selected" ? > ? <checker-item? ? ? class="check-item" ? ? v-for="(item2, index2) in item.theWords" ? ? :value="item2" ? ? @click.native="selected(item2,item.lv,item.level,index)" ? >{{item2}}</checker-item> </checker> <x-button? ? class="submit"? ? type="primary"? ? ref="submit" ? @click.native="submit" ? link="/homeTwo" >{{msg}}</x-button> </div></template><script> import {getHomeData} from '@/api/index'; export default { name:'HomeOne', data() { return { items:[], demo:'', msg:'都不認(rèn)識(shí)' } }, props:{ value:{ type:String, default:'' } }, created() { this.getData(); }, methods:{ getData() { getHomeData().then(data => { this.items = data; }) }, selected(query,lv,level,index) { if(lv) { this.msg = '我選好了'; $('.submit').css('background-color','rgb(205, 165, 104)') }else { this.msg = '都不認(rèn)識(shí)'; $('.submit').css('background-color','rgb(217, 106, 107)') } }, submit() { } } }</script><style scoped>? .home{? width:100%;? }? .title{? width:100%;? display: block;? font-weight: bold;? text-align: center;? margin:50px 0;? }? .list{? width:100%;? margin-bottom: 20px;? }? .check-box{? display: flex;? justify-content: center;? align-items:center;? align-content:space-between;? flex-wrap: wrap;? }? .check-item{? margin:0 auto;? width:34%;? margin-bottom: 40px;? }? .demo1-item {? text-align: center;? border: 1px solid #ccc;? line-height: 1;? padding: 10px 0px;? border-radius: 5px;? ? background-color: #eee;? }? .demo1-item-selected {? background-color: rgb(139, 195, 74);? }? .submit{? width:83%;? font-size: 16px;? background-color: rgb(217, 106, 107);? }? .submit-selected{? background-color:rgb(205, 165, 104);? }</style>下面說(shuō)說(shuō)我的問(wèn)題1、要求只要有一個(gè)選中了下面的不認(rèn)識(shí)就會(huì)變我選好了，然后我的是要點(diǎn)到第二個(gè)才會(huì)變，我改變的方式引用的jquery，能不能用vue的方式解決一下2、當(dāng)點(diǎn)擊選好了會(huì)把你不認(rèn)識(shí)的單詞顯示出來(lái)，點(diǎn)擊按鈕的時(shí)候怎么獲取到clected里面的那些參數(shù)以及上面循環(huán)的那些3、當(dāng)認(rèn)識(shí)9個(gè)以上的時(shí)候會(huì)出來(lái)下一套題，?我設(shè)置的index==0所以只出來(lái)第一套，要怎么獲取到這個(gè)index以及當(dāng)我點(diǎn)擊了9個(gè)以上按了提交讓index變?yōu)?出來(lái)下一套題求高手幫我看看吧，這是我的第一個(gè)項(xiàng)目，研究了蠻久了，我可以給個(gè)小紅包感謝，QQ405708338