<template>
<div>
this is voteResult
<div v-for="(item, index) in list" style="width:500px">
<el-form label-position="top" label-width="80px" >
<el-form-item :label="item.title">
<el-input v-if="item.cate == 'text'" v-model="result[index].data"></el-input>
<el-radio v-else-if="item.cate == 'radio'" class="radio" v-model="result[index].data" v-for="option in item.options" :label="option"></el-radio>
<el-checkbox-group v-else-if="item.cate == 'checkbox'" v-model="result[index].data">
<el-checkbox v-for="option in item.options" :label="option"></el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</div>
<el-button type="primary" @click="onSubmit">立即創(chuàng)建</el-button>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{
"id": 1,
"cate": "checkbox",
"title": "This is checkbox",
"options": [
"opt1",
"opt2",
"opt3"
]
},{
"id": 2,
"cate": "radio",
"title": "This is radio",
"options": [
"東邪",
"西毒",
"南帝",
"北丐"
],
"required": true
},{
"id": 3,
"cate": "text",
"title": "This is text",
"required": true
},{
"id": 4,
"cate": "text",
"title": "This is text",
"required": true
},{
"id": 5,
"cate": "checkbox",
"title": "哪個嘉賓",
"options": [
"東邪",
"西毒",
"南帝",
"北丐"
]
}
],
result: [
]
}
},
mounted() {
this.$nextTick(() => {
let tmpResult = this.list.map((value, index) => {
let data
switch (value.cate) {
case 'text':
data = ''
break
case 'radio':
data = ''
break
case 'checkbox':
data = []
break
}
return {
"id": value.id,
"data": data
}
})
this.result = tmpResult
console.log(tmpResult)
})
},
methods: {
onSubmit: function(){
console.log(this.result)
}
}
}
</script>
無標題文章
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門箱吕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人柿冲,你說我怎么就攤上這事茬高。” “怎么了假抄?”我有些...
- 文/不壞的土叔 我叫張陵怎栽,是天一觀的道長。 經(jīng)常有香客問我宿饱,道長熏瞄,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任谬以,我火速辦了婚禮强饮,結果婚禮上,老公的妹妹穿的比我還像新娘蛉签。我一直安慰自己胡陪,他們只是感情好,可當我...
- 文/花漫 我一把揭開白布碍舍。 她就那樣靜靜地躺著柠座,像睡著了一般。 火紅的嫁衣襯著肌膚如雪片橡。 梳的紋絲不亂的頭發(fā)上妈经,一...
- 文/蒼蘭香墨 我猛地睜開眼舆吮,長吁一口氣:“原來是場噩夢啊……” “哼揭朝!你這毒婦竟也來了?” 一聲冷哼從身側響起色冀,我...
- 正文 年R本政府宣布,位于F島的核電站级遭,受9級特大地震影響望拖,放射性物質發(fā)生泄漏。R本人自食惡果不足惜挫鸽,卻給世界環(huán)境...
- 文/蒙蒙 一说敏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧丢郊,春花似錦盔沫、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至干茉,卻和暖如春谴忧,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背角虫。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 橘右京是少數(shù)擁有遠程消耗能力的戰(zhàn)士稀并,他可以依靠被動與大招瞬間打出傷害。出肉裝的他不必懼怕敵人的強攻猛擊单默,在面對敵...