![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js实例
文章平均质量分 56
LOVE_SCENARIO
这个作者很懒,什么都没留下…
展开
-
Vue.js实例02—实现书籍购物车
一、需求 通过表单的形式展示书籍的具体内容,包括书籍名称、出版日期、价格、购买数量以及操作 购买数量通过加和减两个按钮来进行控制。当购买数量为1时,减按钮被禁止 当不想要这本书时,点击操作中的“移除”按钮,该书籍的内容就不会出现在表单中。当购物车中没有书籍时,页面会显示“购物车为空”字样 在表单的下方实时显示购物车中所有书籍的总价格 书籍的价格以及下方的总价格均保留两位小数,并在前面加上¥符号 二、效果图 三、源代码 1.index.html文件 <!DOCTYPE html> <h原创 2021-02-10 02:24:35 · 1146 阅读 · 0 评论 -
Vue.js实例01—实现点击列表变换样式
一、需求 默认样式为黑色字体,变换后的样式为蓝色字体、加粗、字体变大 开始时默认选中列表的第一项 之后随机点击列表的某一项时,该列表项就变换样式,其余的恢复初始状态 二、效果图 三、源代码 1.第一种方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>列表点击变色demo1</title> <!-- 引入项目里的Vue.js文件 --&g原创 2021-02-06 04:05:13 · 1404 阅读 · 4 评论