利用VUE制作史上最简单的待办事项表单

最新推荐文章于 2024-04-23 08:57:51 发布

Ai.ﻮ

最新推荐文章于 2024-04-23 08:57:51 发布

阅读量558

点赞数

分类专栏： vue 文章标签： vue 列表

本文链接：https://blog.csdn.net/weixin_48852584/article/details/108355637

版权

项目场景：

以下为效果图

html代码：

提示：其中引入了icon-font：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>TODO</title>
  <link rel="stylesheet" href="./style.css">
</head>
<body>
	<div id="app" class="app">
		<!--导航条-->
		<div class="app_bar">
			<div>
				<span>TodoList</span>
				<input 
					type="text"
					v-model="task"
					@keyup.enter.trim="add"
					placeholder="添加todos"/>
			</div>
		</div>
		
		<!--正在进行的任务列表-->
		<!--当V-for循环中要使用v-model时，外层的数组必须是[{},{}],不能是[1,2,3] -->
		<div class="panel">
			<div class="panel_title">
				<span>正在进行<

最低0.47元/天解锁文章

Ai.ﻮ

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
利用VUE制作史上最简单的待办事项表单

项目场景：以下为效果图html代码：提示：其中引入了icon-font：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conten
复制链接

扫一扫