<avue-crud :data="data" :option="option" @row-update="rowUpdate"></avue-crud>
<script>
export default {
data() {
return {
data: [
{
id:1,
name:'张三',
sex:'男'
}, {
id:2,
name:'李四',
sex:'女'
}
],
option:{
addBtn:false,
delBtn:false,
editBtnText:'修改数据',
editBtnIcon:'el-icon-user',
column:[
{
label:'姓名',
prop:'name'
}, {
label:'性别',
prop:'sex'
}
]
},
};
},
methods: {
rowUpdate(form,index,done,loading){
this.$message.success('模拟网络请求')
setTimeout(()=>{
this.$message.success('关闭按钮等待');
loading();
},1000)
setTimeout(()=>{
this.$message.success('编辑数据'+ JSON.stringify(form)+'数据序号'+index);
done(form);
},2000)
}
}
}
</script>
运行结果