Vue
你最可爱521
这个作者很懒,什么都没留下…
展开
-
Vue小案例:Vue制作简易计算器
问题:使用Vue制作简易计算器。如下图所示 思路: 首先定义三个文本框(两个输入的数、计算的结果),一个按钮,触发事件 用v-model双向绑定数据,v-on绑定点击事件 难点是select中选中项的获取 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt原创 2020-06-23 08:33:47 · 1113 阅读 · 0 评论 -
使用Vue制作跑马灯效果
下图所示,就是跑马灯特效 很多网站的广告就有这样的特效 思路: 点击开始按钮,开始定时器; 定时器的回调函数使得文字动起来; 回调函数中使用substring()函数,从第二个字符开始截取,然后拼接上第一个字符; 每500ms执行一次回调函数,产生动态效果; 点击暂停,清除定时器 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n原创 2020-06-22 22:54:41 · 323 阅读 · 0 评论