考試系統(tǒng),為了增加抄襲難度,隨機(jī)生成選項(xiàng)列表ABCD數(shù)據(jù)結(jié)構(gòu)大概是[{大題1{[小題1,小題2...]}}][{"qtype":"單選","title":"第一大題","questions":[{"qid":1,//第1小題"qtype":"單選","smark":"1","stem":"網(wǎng)頁(yè)元素不包括:()","answer1":"文字","answer2":"圖片","answer3":"界面","answer4":"視頻",},{"qid":2,//第2小題"qtype":"單選","smark":"1","stem":"文本被做成超鏈接后,鼠標(biāo)移到文本,光標(biāo)會(huì)變成什么形狀()","answer1":"手形","answer2":"十字形","answer3":"向右的箭頭","answer4":"沒變化",}],},{//第二大題....}]第{{index+1}}大題:{{todo.title}}(共{{todo.bmark}}分){{index2+1}}、{{todo2.stem}}({{todo2.smark}}分)我如何讓選項(xiàng)隨機(jī)排序,并綁定一個(gè)事件(點(diǎn)選一個(gè)答案就向服務(wù)ajax發(fā)送保存)?randsmall方法我嘗試了拼接選項(xiàng)列表dom的方法,但是不能在這些動(dòng)態(tài)生成的dom里綁定vue事件varvu=newVue({el:'#todo-list-example',data:{all:,methods:{randsmall:function(index,index2){letq=this.all[index].questions[index2];console.log(this.all);letnewarr=[];switch(q.qtype){case'單選':if(q.answer1!=''){str=''+q.answer1+'';newarr.push(str);}if(q.answer2!=''){str=''+q.answer2+'';newarr.push(str);}if(q.answer3!=''){str=''+q.answer3+'';newarr.push(str);}if(q.answer4!=''){str=''+q.answer4+'';newarr.push(str);}}shuffle(newarr);returnnewarr.join('');break;case'多選':return'多選項(xiàng)';break;case'填空':return'填空';break;case'判斷':str='對(duì)';str=str+'錯(cuò)';returnstr;break;case'排序':return'排序';break;case'問答':return'';break;}returnnewarr.join('');},selkey:function(e){console.log(e.currentTarget);}}})
有沒有童鞋遇到過同樣的問題:VUE這個(gè)功能如何實(shí)現(xiàn)萬分感謝
四季花海
2019-06-10 09:18:18