vue v-for 循环tr 怎么给循环的tr加上右键窗口,使右键窗口里的值可以替换tr中的值。

就像图片中的,右键点击每个单元格,都可以有一个右键菜单,并使tr里面的值可以被替换



{{y.className}}({{y.beginTime}}-{{y.endTime}})



{{y.className}}({{y.beginTime}}-{{y.endTime}})

                                                    showdata:function (c,n,m,event) {

            /*if (event.button !== 2){
                return ;
            }*/

            var obox = document.getElementById("abox");

                    document.getElementById("classdata")oncontextmenu= function (ev) {

                        var e = ev || window.event;
                        var x = e.clientX;
                        var y = e.clientY;
                        obox.style.cssText = "display:block;top:" + y + "px;left:" + x + "px;";

                        return false;
                    };

                    document.onclick = function (e) {

                        obox.style.display = "none";

                    }
            我是这样做的,但是只能给第一个tr加上右键的菜单。别的并不显示。