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>