在练习做一个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>
相关分类