vue
kaolagirl
这个作者很懒,什么都没留下…
展开
-
备忘录 vue实现 添加修改删除
一. 效果图 二. 具体功能实现 使用 Date对象 获取当前时间 使用 push方法 为列表添加数据 使用 splice方法 删除数据 修改数据的同时把整条记录删除 三. 整体代码 <template> <div id="app"> <header> <h2 class="title">备忘录</h2> <h4 class="time">{{now}}</h4>原创 2020-05-19 14:55:47 · 430 阅读 · 0 评论 -
简单的购物车 vue实现
一. 效果图如下: 二. 组件层级结构 三. 局部解析 计数功能 使用父子级之间传递数据, 父级向子级传值是使用属性传递的,子级用props属性接受父级传过来的值; 子级向父级传值是通过事件传递的,子级定义一个按扭,为按钮添加事件,当点击按钮时,触发父级的自定义事件,并把值传给父级 <Counter :qu="list.count" :index="index" @sub="sub" @add原创 2020-05-18 22:42:35 · 208 阅读 · 0 评论 -
跑马灯效果实现
一.效果图 视频上传不了,只能看图片了 二. 设计思路 使用截取字符串的方法,首先获取文本的值,再分别截取文本的第一个字符串和剩余的字符串,然后重新拼接一个新的字符串,最后把这个新字符串赋值给文本,代码如下: var value=cont.innerHTML; var start=value.substring(0,1);//截取第一个字符串 var end=value.substring(1);//截取剩余的字符串 var result=end+start;//拼接一个新的字符串 co原创 2020-05-13 11:57:42 · 869 阅读 · 2 评论