摘要：
实现修改商品的数量： 加入的代码： css: HTML： 由图可知点击商品数量减的时候会减到负数，所以需要做一个判断，如果数量为0，不能减下去： 加入判断之后的效果图： 加入判断的代码： 增加入库日期： 最终效果： 加入的代码： vue添加了addDate假数据，以及调节获取当前日期的格式： 添加的 阅读全文
posted @ 2019-04-14 20:51
perfect*
阅读(969)
评论(0)
推荐(0)
摘要：
通过索引进行删除，进行测试，是否获取其索引： 测试效果： 测试代码，在vue中定义一个空的数组，以便后面进行数据的绑定： 测试的HTML代码： 实现选择删除商品功能，通过遍历索引数组： 为了保证数据列表从小排到大: 测试使其列表从小排到大 测试代码： 最终实现该功能的总代码： 1 <!DOCTYPE 阅读全文
posted @ 2019-04-14 20:09
perfect*
阅读(1675)
评论(0)
推荐(0)
摘要：
实现删除商品功能 根据索引来进行删除商品： 实现删除商品的HTML： 实现删除商品的vue： 实现删除商品后提示信息的显示： 实现提示信息的HTML： 其fontColor的css： 如果商品列表中无数据的话，就会合并7列，并且显示暂无商品的提示，该数量7在vue代码中进行定义变量属性值，使用时在H 阅读全文
posted @ 2019-04-14 17:01
perfect*
阅读(1501)
评论(0)
推荐(0)
摘要：
最终修改的页面效果： 修改的css： 将 商品列表 和 添加商品 标题的class改为sub_title 总的代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>商品管理 创建页面与部分数据</title 阅读全文
posted @ 2019-04-14 15:58
perfect*
阅读(544)
评论(0)
推荐(0)
摘要：
进行添加button，以及商品列表的创建 html: 在vue代码中创建方法，以及创建假数据,进行对两个button事件处理： 添加的vue代码： html: 实现以上商品的添加以及重置信息总的代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta chars 阅读全文
posted @ 2019-04-14 15:37
perfect*
阅读(2422)
评论(0)
推荐(0)
摘要：
logo的路径： 页面的初始布局： 初始的HTML： 初始css： 初始vue： 进行了定义变量和变量的引入以及使用了v-model与v-for进行遍历数组： 使用了v-model,v-for之后的代码： vue代码： 总的代码： 1 <!DOCTYPE html> 2 <html> 3 <head 阅读全文
posted @ 2019-04-14 14:44
perfect*
阅读(995)
评论(0)
推荐(0)
摘要：
普通的css引入： 变量引入： 通过定义一个变量fontColor来通过v-bind来进行绑定在h3z的class中 注意：v-bind后面必须跟一个属性或者一个方法 当然我们也可以通过数组的形式引入多个class： html: 使用json对象的方式，在json中也可以使用多种方式 key是样式的 阅读全文
posted @ 2019-04-14 13:36
perfect*
阅读(694)
评论(0)
推荐(0)
浙公网安备 33010602011771号