在練習做一個CMS系統,需求是從后臺獲取新聞列表JSON串, 每條新聞都有刪除和修改按鈕,為了讓后臺刪除的是哪條新聞,得想辦法把要刪除的新聞id傳輸給后臺.
但是問題來了: 通過vue框架渲染的列表項,如何獲取被點擊新聞的id值呢?//js代碼$.get("news/listC.php","",function(response){ var obj = JSON.parse(response); //綁定 var newsTable = new Vue({ el: '#newsTable', data: { list: obj, }, methods: { alt:function(){ console.log("something"); }, del:function(){ console.log("otherthing"); } } }) });<!--HTML代碼--><tr v-for="item in list"> <td>#{{ item.id }}</td> <td>{{ item.title }}</td> <td> <a href="javascript:void(0);" v-on:click="alt()" class="alterBtn">修改</a> | <a href="javascript:void(0);" v-on:click="del()" class="delBtn">刪除</a> </td> <td>{{ item.addtime }}</td></tr>
Vue渲染列表如何根據后臺傳輸來的數據更改相應列表項的屬性值?
狐的傳說
2018-10-03 11:18:47