vue + ajax 列表展示删除

最新推荐文章于 2021-12-29 01:11:32 发布

泽村龙

最新推荐文章于 2021-12-29 01:11:32 发布

阅读量387

点赞数 1

文章标签： ajax css html vue

本文链接：https://blog.csdn.net/y_001010/article/details/119960674

版权

本文通过实例代码介绍了Vue.js结合Ajax如何实现动态列表的展示及删除操作，包括HTML布局、JavaScript数据交互和后端接口处理。

摘要由CSDN通过智能技术生成

html 代码

<div style="width: 500px;margin: auto">
    <table id="example" class="table">
        <thead>
        <tr>
            <th scope="col">ID</th>
            <th scope="col">昵称</th>
            <th scope="col">作者</th>
            <th scope="col">设置</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="(item,index) in items">
            <th scope="row">{
  {item.id}}</th>
            <td>{
  {item.name}}</td>
            <td>{
  {item.writer}}</td>
            <td><button v-on:click="deleteInfo