<el-button type="small" @click="page.layout='sizes,pager'">简单模式</el-button>
<el-button type="small" @click="page.layout='total, sizes, prev, pager, next, jumper'">复杂模式</el-button>
<avue-crud :data="data" :option="option" :page.sync="page"></avue-crud>
<script>
export default {
data() {
return {
page:{
total:1000,
layout: "total, sizes, prev, pager, next, jumper",
},
data: [],
option: {
header:false,
column:[{
label:'姓名',
prop:'name'
}]
}
}
}
}
</script>
运行结果