第一步找到option
<avue-crud :option="option"//找到这，修改data里面的option
ref="crud"
v-model="form"
:page="page"
@on-load="getList"
:table-loading="listLoading"
@search-change="handleFilter"
@refresh-change="handleRefreshChange"
@row-update="update"
@row-save="create"
:before-open="handleOpenBefore"
:data="list"
>
</avue-crud>
option ： {
border: false,
index: true,
page: true,
indexLabel: '序号',
stripe: true,
menuAlign: 'left',
editBtn: false,
delBtn: false,
align: 'left',
addBtn: false,
filterBtn: false,
size:'mini',
column: [{
fixed: true,
label: 'id',
prop: 'userId',
span: 24,
hide: true,
editDisplay: false,
addDisplay: false,
}, {
fixed: true,
label: '用户名',
prop: 'username',
editDisabled: true,
slot: true,
search: true,
span: 24,
maxlength: 20,
rules: [{
required: true,
message: '请输入用户名'
},
{
min: 3,
max: 20,
message: '长度在 3 到 20 个字符',
trigger: 'blur'
},
{validator: validateUsername, trigger: 'blur'}
]
},{
fixed: true,
label: '姓名',
prop: 'name',
editDisabled: false,
slot: true,
search: true,
span: 24,
maxlength: 20,
rules: [{
required: true,
message: '请输入姓名'
},
{
min: 3,
max: 20,
message: '长度在 3 到 20 个字符',
trigger: 'blur'
}
]
}
]
第三步
效果