
VUE
文章平均质量分 51
乌索普-
这个作者很懒,什么都没留下…
展开
-
vue2小案例todolist
功能:添加:在输入框中输入名字就可以添加删除:删除是鼠标悬浮才会出现删除已完成任务:复选框有选中的情况下才会出现,点击会删除所有勾选的名字全选:选中所有的名称都会选中数据缓存本地,localStorage思路:1.拆组件,输入框可以作为一个头部组件MyHeader;中间展示名字部分是一个展示组件List,这个展示组件又可以拆分成item组件,item组件就是放名字的,还有就是一个MyFooter组件2.组件分工MyHeader组件负责添加数据,List组件负责展示Item组件Item原创 2021-08-13 17:06:26 · 785 阅读 · 0 评论 -
在“超市管理系统”上用vue来实现商品的增删改
整个页面排版改了一下添加,比如添加一本书,如果不输入订单号是不能进行添加,不写直接提交的话会有提示框提示填写订单号,如图:如果输入订单号就可以,如图:现在我们添加一个完整的信息,删除现在来删除js那本书,点击删除,xiu~没了修改修改的话,这里设置了弹层,给“弹层”div设置了v-if指令,给“修改”绑定事件,比如我们把上面的less改为js,点击修改会获取该信息进弹层修改确认vue代码复制过来很乱,之前没有 <script> const talble = n原创 2020-10-22 13:54:38 · 764 阅读 · 0 评论 -
VUE的v-if和v-else的使用
之前练习的一个小练习,vue.js代码:<div class="app"> <!-- v-if后面一般跟的是boolean值 true就显示。false就不显示--> <h2 v-if="isShow"> <div>123</div> {{message}} </h2> <!-- 直接在浏览器把isShow改为false就会显示 --> <h3 v-原创 2020-10-15 14:17:29 · 1101 阅读 · 0 评论