用vue写一个清单

最新推荐文章于 2022-09-07 11:43:03 发布

w-yingying

最新推荐文章于 2022-09-07 11:43:03 发布

阅读量238

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/wiY_0421/article/details/121087946

版权

这篇博客介绍如何利用Vue.js实现一个具备本地存储、完成/未完成状态切换、增删改功能的待办事项清单。HTML、JavaScript代码示例提供，并展示了最终效果。

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

用vue写一个清单

清单功能
可以实现本地存储
有完成和未完成
可以增加删除
可以修改内容
html部分

<div id="app">
	<div class="top">
		<div>
			<label>ToDoList</label>
			<input type="text"placeholder="添加ToDo" v-model.trim="temp" @keyup.enter="addItem()"/>	
		</div>
	</div>
	<div class="content">
		<h2>正在进行</h2>
		<div class="list">
			<div class="item" v-for="item in dolist" :key="item.title">
				<input typ