Menu support transition fixed #514
This commit is contained in:
parent
75c32564f0
commit
841cb1fe67
6 changed files with 195 additions and 186 deletions
|
@ -2,12 +2,7 @@
|
|||
<div style="width: 300px;">
|
||||
<i-form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
|
||||
<Form-item label="爱好" prop="interest">
|
||||
<Checkbox-group v-model="formValidate.interest">
|
||||
<Checkbox label="吃饭"></Checkbox>
|
||||
<Checkbox label="睡觉"></Checkbox>
|
||||
<Checkbox label="跑步"></Checkbox>
|
||||
<Checkbox label="看电影"></Checkbox>
|
||||
</Checkbox-group>
|
||||
<Input v-model="formValidate.interest" number></Input>
|
||||
</Form-item>
|
||||
<Form-item>
|
||||
<i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
|
||||
|
@ -21,12 +16,15 @@
|
|||
data () {
|
||||
return {
|
||||
formValidate: {
|
||||
interest: ['吃饭', '跑步']
|
||||
interest: ''
|
||||
},
|
||||
ruleValidate: {
|
||||
interest: [
|
||||
{ required: true, type: 'array', min: 1, message: '至少选择一个爱好', trigger: 'change' },
|
||||
{ type: 'array', max: 2, message: '最多选择两个爱好', trigger: 'change' }
|
||||
{
|
||||
required: true,
|
||||
type: 'number',
|
||||
trigger: 'change'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue