首先這個是項目要求https://pro.modao.cc/app/yYrFSrhbpUkSjrOCYpKg9iO6d2PPFGo 這個是數據const data =[? {? ? lv:'美國學前',? ? level:'L1',? ? theWords:['see','play', 'me','at','run','go','and','look','can','here'],? ? stuAnswer:''? },? {? ? lv:'美國學前',? ? level:'L2',? ? theWords:['you','come','not','with','jump','help','is','work','are','this'],? ? stuAnswer:''? },? {? ? lv:'美國小學1年級',? ? level:'L3',? ? theWords:['road','live','thank','when','bigger','how','always','night','spring','today'],? ? stuAnswer:''? }]這是我目前寫的代碼<template> <div class="home"> <p class="title">請點擊選出自己認識的單詞</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:'都不認識' } }, 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 = '都不認識'; $('.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>下面說說我的問題1、要求只要有一個選中了下面的不認識就會變我選好了，然后我的是要點到第二個才會變，我改變的方式引用的jquery，能不能用vue的方式解決一下2、當點擊選好了會把你不認識的單詞顯示出來，點擊按鈕的時候怎么獲取到clected里面的那些參數以及上面循環的那些3、當認識9個以上的時候會出來下一套題，?我設置的index==0所以只出來第一套，要怎么獲取到這個index以及當我點擊了9個以上按了提交讓index變為1出來下一套題求高手幫我看看吧，這是我的第一個項目，研究了蠻久了，我可以給個小紅包感謝，QQ405708338