<avue-crud ref="crud" :defaults.sync="defaults" :option="option" :data="data">
<template slot="menuLeft" slot-scope="{size}">
<el-button type="primary" :size="size" @click="change">改变配置</el-button>
</template>
</avue-crud>
<script>
export default {
data(){
return {
type:false,
defaults:{},
data:[{
text1:0
}],
option:{
column: [{
label: '内容1',
prop: 'text1',
type:'radio',
dicData:[{
label:'显示',
value:0
},{
label:'隐藏',
value:1,
}]
},{
label: '内容2',
prop: 'text2',
display:true
},{
label: '内容3',
prop: 'text3'
}]
}
}
},
methods:{
change(){
if(this.type){
this.defaults.text2.hide=true
this.defaults.text3.label='内容3'
}else{
this.defaults.text2.hide=false
this.defaults.text3.label='有没有发现我变了'
}
this.type=!this.type
this.$refs.crud.refreshTable()
}
}
}
</script>
运行结果