## 事件綁定 [TOC] >[info] #### 循環綁定事件獲取ID ~~~ <div id="myId"> <li v-for="item in items" @click="add(item)"> <p class="fri_p"> <img :src="item.img_src" alt=""/> <span>@{{item.user_name}}</span> <b class="fl_adF1"><i></i><em></em></b> </p> </li> </div> //add方法里的item就是v-for里的item ~~~ ~~~ var list = rev.data.list; var listVue = new Vue({ el: "#myId" , data: { items: list } ,methods:{ add:function (event) { console.log(event.user_id); } } }); ~~~ >[info] #### 獲取點擊當前內容 ~~~ <li v-for="item in items" @click.once="add(item, $event)"> <p class="fri_p"> </p> </li> ~~~ ~~~ ,methods:{ add:function (item, event) { var el = event.currentTarget; console.log(el); } } ~~~ >[info] #### v-for 循環,ajax獲取數據動態加載,重新渲染列表 * 首先全局new Vue然后對data賦值 ~~~ var listVue = new Vue({ el: "#myId" , data: { items: {} } , methods: { add: function (item, event) { var el = event.currentTarget; } } }); ~~~ ~~~ function addStranger(page, keywords) { var word = typeof(keywords) === 'undefined' ? '' : keywords; $.post("", {page: page, keywords: word}, function (rev) { if (rev.status === 0) { var list = rev.data.list; page = rev.data.page; listVue.items = list; } }, 'json'); } ~~~