第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

有沒有童鞋遇到過同樣的問題:VUE這個(gè)功能如何實(shí)現(xiàn)萬分感謝

有沒有童鞋遇到過同樣的問題:VUE這個(gè)功能如何實(shí)現(xiàn)萬分感謝

四季花海 2019-06-10 09:18:18
考試系統(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);}}})
查看完整描述

2 回答

?
眼眸繁星

TA貢獻(xiàn)1873條經(jīng)驗(yàn) 獲得超9個(gè)贊

是我的話既然要打亂排序,我會(huì)在數(shù)據(jù)內(nèi)另起一個(gè)字段來存儲(chǔ)ABCD隨機(jī)對(duì)應(yīng)答案1-4,渲染的時(shí)候以這個(gè)新的字段循環(huán)渲染,提交的時(shí)候匹配原有的答案編號(hào)進(jìn)行提交。
{
"qid":2,//第2小題
"qtype":"單選",
"smark":"1",
"stem":"文本被做成超鏈接后,鼠標(biāo)移到文本,光標(biāo)會(huì)變成什么形狀()",
"answer1":"手形",
"answer2":"十字形",
"answer3":"向右的箭頭",
"answer4":"沒變化",
"showRadio":{
A:2,
B:3,
C:1,
D:4
}
}
渲染選項(xiàng)的時(shí)候
{{qustion['answer'+value]}}
js拼接的html代碼應(yīng)該是沒有經(jīng)過vue處理的所以點(diǎn)擊事件無效,具體也有解決方案來著,不過沒弄過,最好不要寫在js里,js和html混在一起代碼實(shí)在不好讀。要的話也是用組件來實(shí)現(xiàn)?;蛘遲emplate
                            
查看完整回答
反對(duì) 回復(fù) 2019-06-10
?
MMMHUHU

TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊

使用render函數(shù)test.js
exportdefaultVue.component('test',{
data(){
return{
}
},
render(h){
returnh(Vue.extend({
template:``,//拼接字符串,
data(){return{}}
}))
}
})
                            
查看完整回答
反對(duì) 回復(fù) 2019-06-10
  • 2 回答
  • 0 關(guān)注
  • 244 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)