html代码
北京市
上海市
深圳市
提交
重置
js代码
export default {
data () {
return {
formValidate: {
name: '',
city: []
},
ruleValidate: {
name: [
{ required: true, message: '姓名不能为空', trigger: 'blur' }
],
city: [
{ type:"array", required: true, message: '请选择城市', trigger: 'change' }
]
}
}
},
methods: {
handleSubmit (name) {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success('提交成功!');
} else {
this.$Message.error('表单验证失败!');
}
})
},
handleReset (name) {
this.$refs[name].resetFields();
}
}
}