<template>
<div class="demo">
<el-form ref="form" :rules="rules" :model="form" label-width="80px">
<el-form-item label="活动名称" prop="name">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data () {
return {
form: {
name: ''
},
rules: {
name: [
{ required: true, message: '请输入ip地址', trigger: ['blur', 'change'] },
{ patten: /^(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|[1-9])(\.(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)){3}$/, message: '请输入正确的ip地址', trigger: ['blur', 'change'] }
]
}
}
},
methods: {
onSubmit () {
this.$refs.form.validate(valid => {
console.log(valid)
})
}
}
}
</script>
<style>
</style>
【无标题】
最新推荐文章于 2024-07-23 21:45:00 发布