vue 點(diǎn)擊事件第一次點(diǎn)擊能帶正確的參數(shù), 第二次點(diǎn)擊的時(shí)候, 帶過(guò)去的是第一次的參數(shù)

jsp 頁(yè)面

<tr v-for=" (item,index) in labelList[0]"  :key="item.id" >
                        <td>{{index+1}}</td>
                      <td>
                            <div >
                                <span><a class="detailBtn" @click="show(item)">查看</a></span>
                                <span><a class="editBtn" @click="edit(item)" v-show="item.status==1 || item.status==2">編輯</a></span>
                                <span v-show="item.status==1"><a href="javascript:void(0);"  @click="offline(item.id,$event,index)"  >停用{{item.id}}-{{index}}</a></span>
                                <span v-show="item.status==2"><a  href="javascript:void(0);" @click="open(item.id)"  >啟用{{item.id}}-{{index}}</a></span>
                                <span v-show="item.status==1 || item.status==2"><a @click="remove(item)">刪除{{item.id}}-{{index}}</a></span>
                            </div>
                        </td>
 </tr>

  // 停用
    offline: function (val,event,index) {

      $('#my-prompt05').modal({
        onConfirm: function (e) {
          console.log(event.target);
          var formData = JSON.stringify({"id": val});
       // 走后臺(tái)接口
          RestFul.POST_AJAX('/management/label/offlineById', formData,
              batchUpdate,// 成功回調(diào)
              function (response) {
                // 響應(yīng)錯(cuò)誤回調(diào)
              });
        },
        onCancel: function (e) {
          //
        }
      });

    },

// 回調(diào)函數(shù)

  batchUpdate = function (obj) {
        if (obj !== null) {

          alert("操作成功");
     //   dataList.labelList = '';
        } else {
          alert("操作失敗");
        }
        queryDataList();// 再次請(qǐng)求列表數(shù)據(jù)
       //location.reload();
      };

現(xiàn)在遇到的問題:

第一次
點(diǎn)擊停用61, 操作正確
點(diǎn)擊停用62 , 帶過(guò)去的參數(shù)還是61, dom節(jié)點(diǎn)和第一次帶過(guò)去的一模一樣

求解答

回答

編輯回答

未命名

我模擬了樓主的方式，并不會(huì)有問題。

<div id="app">
        <table border="1">
            <tr v-for="(item, index) in array" :key="item.id">
                <td>{{index+1}}</td>
                <td>
                    <div>
                        <a href="javascript:void(0);" @click="offline(item.id,$event,index)">停用{{item.id}}-{{index}}</a>
                    </div>
                </td>
            </tr>
        </table>
    </div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                array: [{ id: '1' }, { id: '2', }]
            },
            methods: {
                offline(val, event, index) {
                    console.log('event',event)
                    console.log('id', val)
                }
            }
        })
    </script>

多打下log看一下，多檢查一下

2018年2月11日 06:33