vue3-form-model

Use

import {createApp} from 'vue'
import App from './App.vue'
import VueFormModel from './index.js';

let app = createApp(App);

app.use(VueFormModel);

app.mount('#app')

<template>
    <vue-form-model :model="form" :rules="rules" label-width="80px" label-position="left">
        <vue-form-model-item label="名称" prop="name" help-msg="输入名称" label-width="80px">
            <input v-model="form.name" style="width: 100%;box-sizing: border-box; height: 32px; line-height: 32px;">
        </vue-form-model-item>
        <vue-form-model-item label=" ">
            <button type="submit" style="width: auto">提交</button>
        </vue-form-model-item>
    </vue-form-model>
</template>

<script>

export default {
	data() {
		return {
			form: {
				name: undefined
			},
			rules: {
				name: ['required', 'string', 'min:3', 'max:12']
			}
		}
	}
}
</script>

<style>
</style>

Rules

see el-form-validator