Iview multiple Dropdown right-click menus how to put away the expanded menu?

problem description

set up a number of Dropdown right-click pop-up menus, but when there is already a menu expansion, right-clicking other menus has no effect. You have to click the left button in the blank space and put away the original menu in order to expand the new menu. How to solve this problem?

Screenshot

clipboard.png

related codes

</a>
</div>
<script>

    new Vue({
        el: "-sharpapp",
        methods: {
            rightClick: function (event) {
                let _this = this;
                //visible
                //_this.$refs.menu.currentVisible = false;
                _this.$refs.menu.$refs.reference = event.target;
                _this.$refs.menu.currentVisible =true;
            }
        }
    })
Feb.06,2022

try this
const menu = this.$refs.menu;
menu.style.top = e.clientY + 125 > window.innerHeight? ${window.innerHeight-127} px : ${e.clientY} px ;
menu.style.left = ${e.clientX} px ;

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e85b61-46b55.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e85b61-46b55.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?