- 错误处理
- 普通用法
- 普通用法
错误处理
TIP
1.0.0+
普通用法
如果弹出的表单中调用done
是关闭窗口,调用loading
是关闭表单锁定,但不会关闭窗口
<avue-crud :data="data" :option="option" @row-update="rowUpdate" @row-save="rowSave"></avue-crud>
<script>
export default {
data() {
return {
data: [
{
name:'张三',
sex:'男'
}, {
name:'李四',
sex:'女'
}
],
option:{
page:false,
align:'center',
menuAlign:'center',
column:[
{
label:'姓名',
prop:'name'
}, {
label:'性别',
prop:'sex'
}
]
},
};
},
methods: {
rowUpdate(row,index,done,loading){
this.$message.success('模拟网络请求')
setTimeout(() => {
this.$message.success('关闭按钮等待')
loading()
}, 1000)
setTimeout(() => {
this.$message.success('关闭窗口')
done()
}, 2000)
},
rowSave(row,done,loading){
this.$message.success('模拟网络请求')
setTimeout(() => {
this.$message.success('关闭按钮等待')
loading()
}, 1000)
setTimeout(() => {
this.$message.success('关闭窗口')
done()
}, 2000)
}
}
}
</script>