這是項目要求這是數據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" ? 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(this.demo.length) { 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、當點擊我選好了會把你不認識的單詞顯示出來，我如何在點擊的時候獲取到selected里面的那些參數以及對應的那10個單詞的數組3、當選中9個以上的時候會出來下一套題，我現在設置的是index==0所以出來的是第一套，我要如何獲取到這個index,當選中9個以上的時候讓他自加1出來下一套題這是我的第一個項目，希望有大神幫幫我，小弟非常感謝 q 405708338