html输入框设置必填,怎样使form表单中input为必填项

:label-col="formItemLayout.labelCol"

:wrapper-col="formItemLayout.wrapperCol"

label="Name"

>

v-decorator="[

'username',

{ rules: [{ required: true, message: 'Please input your name' }] },

]"

placeholder="Please input your name"

/>

:label-col="formItemLayout.labelCol"

:wrapper-col="formItemLayout.wrapperCol"

label="Nickname"

>

v-decorator="[

'nickname',

{ rules: [{ required: checkNick, message: 'Please input your nickname' }] },

]"

placeholder="Please input your nickname"

/>

Nickname is required

Check

const formItemLayout = {

labelCol: { span: 4 },

wrapperCol: { span: 8 },

};

const formTailLayout = {

labelCol: { span: 4 },

wrapperCol: { span: 8, offset: 4 },

};

export default {

data() {

return {

checkNick: false,

formItemLayout,

formTailLayout,

form: this.$form.createForm(this, { name: 'dynamic_rule' }),

};

},

methods: {

check() {

this.form.validateFields(err => {

if (!err) {

console.info('success');

}

});

},

handleChange(e) {

this.checkNick = e.target.checked;

this.$nextTick(() => {

this.form.validateFields(['nickname'], { force: true });

});

},

},

};