需求背景:
实际业务场景中,在对图(antv-G6)操作过程中,希望对操作历史有所记录,实现返回上一级操作的功能
思路:
因为返回上一次操作需要上一级操作的服务名,所以考虑用栈压入每次操作的服务名,点击返回上一级时,取出服务名查询
(特别的,初始化时,返回上一级需要特别处理)
部分实现代码:
const toolbar = new G6.ToolBar({
className: 'g6-toolbar-ul',
getContent: () => {
const outDiv = document.createElement('div');
outDiv.style.width = '90px';
outDiv.innerHTML = `<ul>
<li code= 'goback'>返回列表</li>
<li code= 'gobackPre'>返回上一级</li>
</ul>`
return outDiv
},
handleClick: (code, graph) => {
if (code === 'goback') {