Vue 的增删查改

最新推荐文章于 2024-04-07 22:18:49 发布

fanfanking

最新推荐文章于 2024-04-07 22:18:49 发布

阅读量166

点赞数

文章标签： vue javascript

本文链接：https://blog.csdn.net/fanfanking/article/details/107536926

版权

本文介绍了在Vue中如何实现数据的增加和删除。对于增加，展示了如何进行虚假的添加，即不将数据存入数据库，通过push方法将新数据添加到数组中，但刷新页面后数据会丢失。在删除部分，讨论了在v-for循环中利用index进行虚假删除，定义del方法并传入index，使用splice方法来移除数组中的元素。

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

vue的增加

1.虚假的添加（不增加入数据库）

<section>
        <div class="form-group">
            <label>编号</label>
            <input type="text" v-model="role.ID" />
        </div>
        <div class="form-group">
            <label>名称</label>
            <input type="text" v-model="role.Name" />
        </div>
        <div class="form-group">
            <label>备注</label>