这是项目要求
这是数据
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:''
}
]
这是我目前写的代码
请点击选出自己认识的单词
{{item2}}
{{msg}}
.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);
}
接下来我说说我的问题
1、当选中一个的时候底下的不认识会变为我选好了,然而我为什么点第一个的时候不行要点到第二个才可以,还有就是我用的jquery方式改变的按钮,能不能用vue的方法。
2、当点击我选好了会把你不认识的单词显示出来,我如何在点击的时候获取到selected里面的那些参数以及对应的那10个单词的数组
3、当选中9个以上的时候会出来下一套题,我现在设置的是index==0所以出来的是第一套,我要如何获取到这个index,当选中9个以上的时候让他自加1出来下一套题
这是我的第一个项目,希望有大神帮帮我,小弟非常感谢 q 405708338 |