Vue.js v-for에 click 이벤트 만들기. 링크

<tbody>
    <tr v-if="noticeList.length < 1">
        <td colspan="10">You have no Notice</td>
    </tr>
    <!-- 리스트 1개 반복 : Start-->
    <tr v-else v-for="item in noticeList">
        <td>{{item.index}}</td>
        <td><a :href='item.url'>{{item.title}}</a></td>
        <td>{{item.reg_DT}}</td>
    </tr>
</tbody>

$.ajax({
    url: '',
    type: 'POST',
    dataType: 'json',
    data: {
    },
    error: function (data, status, error) {
        console.log("에러 >> " + JSON.stringify(data));
    },
    success: function (data, textStatus) {
       $(data.list).each(function(index, item){
              item.url = 'notice/noticeDetail?recSeqNo='+item.rec_SEQ_NO;
       });
    }
})

 

---

<tr v-else v-for="item in historyList" v-on:click="historyDetail(item.inquiry_NO)">
    <td>{{item.rownum}}</td>
    <td>{{item.inquiry_TITLE}}</td>
    <td>{{item.reg_DT}}</td>
    <td><span class="badge" :class="{line:item.inquiry_REP_STAT_CD, bg:!item.inquiry_REP_STAT_CD}">{{item.text}}</span>
</tr>