参数说明类型可选值默认值value / v-model绑定值string / number / boolean——label选中状态的值(只有在checkbox-group或者绑定对象类型为array时有效)string / number / boolean——true-label选中时的值string / number——false-label没有选中时的值string / number——disabled是否禁用boolean—falseborder是否显示...
这个下面再说,ref="numberValidateForm" 是什么呢,我要对表单进行验证,当然少不了确定或者保存按钮,名字需要和按钮一一对应,这样才能实现 点击保存的时候去验证输入框,上图! 开始验证:(创建弹框的确定按钮 调用的函数,详情看最后一张图) addgroupList(formName) {this.$refs[formName].validate((valid) =>{if(...
<el-formref="formRef":model="formData"label-width="80px"size="mini"> <el-form-itemlabel="姓名" prop='name' :rules="{ required: true, message: '不能为空'}" > <el-inputv-model="formData.name"style="width: 200px"></el-input> </el-form-item> <el-form-itemlabel="性别"> <el...
<el-form-item label="即时配送" prop="delivery"> <el-switch v-model="ruleForm.delivery"></el-switch> </el-form-item> <el-form-item label="活动性质" prop="type"> <el-checkbox-group v-model="ruleForm.type"> <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox> <e...
v-model="questionForm.userName"placeholder="请输入角色名称"/></el-form-item><el-form-item label="分类"><el-radio-group v-model="questionForm.questionCategory"style="margin-right: 12px"><el-radio v-for="(radio, index) in subjectList":key="index":label="radio">{{radio}}</el-radio...
i.prop : ''"> 55 <el-switch v-model="value[i.name]"></el-switch> 56 </el-form-item> 57 </template> 58 <template v-if="i.type == 'radio'"> 59 <el-form-item :label="i.label"> 60 <el-radio-group v-model="value[i.name]"> 61 <el-radio 62 v-for="(j, k) in ...
name}} </el-button> </el-button-group> <slot name="operate"></slot> </div> </el-form> </template> <script> export default { components: {}, props: { formConfig: { type: Object, required: true }, value: { type: Object, required: true }, rules: { type: Object } }, ...
elementUI的表单组件,form组件,使用输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据。这个组件同时提供了对控件输入内容的校验功能。 整体表单区域,使用el-form来包裹,每一行的输入组件,使用el-form-item组件: <el-form ref="form_demo" :model="form" label-width="120px"> ...
* formList: [表单配置 * 补充释义:element: "input/select/datePicker" 输入框/筛选框/日期选择器 * 补充释义:dateType: "daterange/date" 日期选择器的类型:日期区间/单日 ] * searchData: {} 搜索数据值 * btnGroup: [] 按钮组 * tableConfig: { 表格配置 ...
group> </el-form-item> <el-form-item label="正确答案" prop="correctAnswer"> <el-input v-model="questionForm.correctAnswer" /> </el-form-item> <el-form-item label="其他答案1" prop="otherAnswer1"> <el-input v-model="questionForm.otherAnswer1" /> </el-form-item> <el-form-...