Vue自定义render统一项目组弹框功能(4)

import dialogBody from './renderJsx/dialogBody' const dialog = new JSDialog({ component: dialogBody, footer: { ok: { // 修改默认按钮 text: '新增' }, cancel: { // 隐藏默认按钮 isHide: true }, add: { // 新增按钮 text: '另存为', clickFn() { dialog.close() }, order: -1 // 控制按钮顺序,order小的显示在右边 }, add2: { text: '新增按钮2', clickFn() { dialog.close() }, order: 3 } } }) dialog.show() // 弹框显示

效果如下:

Vue自定义render统一项目组弹框功能

总结

到此这篇关于Vue自定义render统一项目组弹框功能的文章就介绍到这了,更多相关Vue自定义render项目组弹框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/f5d7b409e7b6605d5b3f8fba569d2047.html