<el-form
label-width="100px"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
class="demo-ruleForm"
>
<el-form-item label="特殊资源" prop="resource">
<el-radio-group v-model="ruleForm.resource">
<el-radio label="线上品牌商赞助"></el-radio>
<el-radio label="线下场地免费"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
ruleForm: {
resource: "",
},
rules: {
resource: [
{ required: true, message: "请选择活动资源", trigger: "change" },
],
},
submitForm(fromRef) {
this.$refs[fromRef].validate((booleanIfSelect) => {
console.log(booleanIfSelect);
});
},
resetForm(fromRef) {
this.$refs[fromRef].resetFields();
},