为了账号安全,请及时绑定邮箱和手机立即绑定

Vue渲染列表如何根据后台传输来的数据更改相应列表项的属性值?

Vue渲染列表如何根据后台传输来的数据更改相应列表项的属性值?

狐的传说 2018-10-03 11:18:47
在练习做一个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>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1674 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信