Vue
文章平均质量分 62
TinyWu369
无他,惟手熟尔
展开
-
Vuex实现todolist
一、todolist功能简介使用Vuex实现简单的todolist如下图所示:主要功能包括:添加事项: 在文本框中输入待办事项,点击添加事项按钮,将待办事项添加到列表中。删除事项: 待办事项列表中,点击每一项后面的删除,可以将对应的待办项删除。查看全部事项: 点击底部的全部按钮,列表显示的是全部的待办事项,包括已完成和未完成的。查看已完成事项: 点击每条事项前的复选框,可以标记此条事项为已完成或未完成状态,点击底部已完成按钮,查看复选框为选中状态的已完成事项列表。查看未完成事项: 点击底部原创 2022-03-13 17:17:19 · 3207 阅读 · 1 评论 -
Vue学习--基础(1)--实现选项卡效果
vue实现选项卡效果:1.页面布局代码:<div id="app"> <div class="tab"> <ul> <li v-on:click="change(index)" :class="currentIndex==index?'active':''" :key="item.id" v-for="(item,index) in list">原创 2022-02-25 17:02:02 · 1112 阅读 · 0 评论