vue v-for循环tr，要给每个tr加上右键菜单，并使菜单中的值可以替换tr中的值，该怎么做？

Question

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

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

                    document.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";

                    }
                    
                    

<td id="classdata" class="classdate" oncontextmenu="return false;" v-on:mousedown="showdata(c,n,m,$event)" style="border-color: gray;text-align: center;border-width: 1px;border-style: solid;overflow:hidden;" v-for="(y,m) in c.schelist">

                            <div class="data-cell" style="width: 156px;font-size: 17px;">
                                <span>{{y.className}}({{y.beginTime}}-{{y.endTime}})</span>
                            </div>
                        </td>
                        

我这样做，只能给第一个加上右键菜单，后面的都没有效果。如何使菜单中的值可以替换tr中的值？

Answer 1

<tr v-for="item in dataArr" @contextmenu="contextmenuFunc(item)">
      {{item.a}} {{item.b}} ...
 </tr>

在右键点击的时候将当前tr循环的传进去，右键菜单中的值使用model动态修改就好了