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

在练习做一个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>


狐的传说
浏览 1683回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript