高德地图Api，右键菜单项的删除

Question

问题遇到的现象和发生背景

需要在某个菜单点击后，取消该菜单项，替换成新的菜单项

问题相关代码，请勿粘贴截图

contextMenu.addItem('覆盖区域', () => this.addCoverItem(contextMenu, centerBranchQuery));
addCoverItem(contextMenu, centerBranchQuery) {
            this.activeName = this.activeName === 'location' ? null : this.activeName;
            AMapUI.loadUI(['geo/DistrictExplorer'], DistrictExplorer => {
                newPageApi.getCenterCoverage(centerBranchQuery).then(res => {
                    let areaCode = [];
                    if (res.data.data.length !== 0) {
                        res.data.data.forEach(area => {
                            areaCode.push(area.countyCode);
                        });
                        this.initCoverArea(DistrictExplorer, areaCode);
                    } else {
                        this.$message.info('该中心暂无覆盖范围数据');
                    }
                });
            });
            contextMenu.close();
            contextMenu.removeItem('覆盖区域', () => alert(111));
        },

运行结果及报错内容

该菜单选项没有被删除

我的解答思路和尝试过的方法

查看高德地图api的文档

但是不知道为什么不成功，希望大家能指导一下

Answer 1

不用删,直接隐藏就好,然后显示要的,隐藏复用的时候重新传值再渲染,记得用v-if