<div id="app">
<el-card style="width: 300px">
<el-form label-position="top" size="mini">
<el-form-item label="標(biāo)題">
<el-input></el-input>
</el-form-item>
<el-form-item v-for="item in questions" :key="item.id" :label="item.label">
<el-radio-group v-model="item.check">
<el-radio v-for="it in item.options" :key="'uni_'+item.id+'_'+it.value" :label="'uni_'+item.id+'_'+it.value">{{ it.key }}</el-radio>
</el-radio-group>
</el-form-item>
<el-button type="primary" @click="submit">提交</el-button>
</el-form>
</el-card>
</div>
<script>
let vue = new Vue({
el: '#app',
data: () => {
return {
form: {
radioGroup: ''
},
questions: [
{
label: '您的性別?', id: 1, options: [{key: '男', value: 1}, {key: '女', value: 0}]
},
{
label: '您的婚姻狀況是?', id: 2, options: [{key: '未婚', value: 0}, {key: '已婚', value: 1}]
}
]
}
},
methods: {
submit() {
console.log(this.questions)
}
}
})
</script>
文章來源地址http://www.zghlxwxcb.cn/news/detail-675008.html
文章來源：http://www.zghlxwxcb.cn/news/detail-675008.html
到了這里，關(guān)于Vue&elementui動(dòng)態(tài)渲染Radio,Checkbox,筆記的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
