代码格式

基础介绍

OneKeyAdmin的前端部分使用或涉及到主要是component.js用于存放公用组件

标准代码

只需要对参数进行简单的修改,即可完成表格与表单的视图渲染;

更多参数配置请了解下一章节;

<div id="app" v-cloak>
    <el-curd :field="field"></el-curd>
</div>
<script>
    new Vue({
        el: "#app",
        data() {
            return {
                field: [
                    {
                        prop: 'id',
                        label: '编号',
                        form: false,
                        table: false
                    },
                    {
                        prop: 'content',
                        label: '内容',
                        table: {
                            sort: true,
                        },
                        form: {
                            is: 'el-input',
                            rules: [
                                {required: true, message: '请输入'},
                                {pattern: /^1[3456789]\d{9}$/,message: '格式错误'},
                            ],
                        }
                    }
                ],
            }
        },
    })
</script>

 

文档最后更新时间:2023-03-16 10:05:58