这几天一直都在做项目,只是没有上传上来,即将把前台项目完结了。现在开始更新整个前台的部分一.面包屑处理1.分类操作点击三级联动进入搜索产生面包屑,直接取参数中的name即可点击x怎么干掉这个面包屑,直接让其v-if为这个name,如果点击x就把name清空清空还没完,清空应该再发一次请求,然后将我们里面的残留的id清空,回到默认页面但其实这里还有点小问题,我们是吧id清空了发了个请求,但其实既然没有id,可以把他的制改为undefined,这样直接发过去的请求就不带id这些参数了,这样发过去的请求也更快些然后现在就需要上面url也跟着一起变了,直接在清空的函数里面利用编程式跳转往search跳
紧急更新第二弹,然后就剩下最后一弹,也就是整个前台的项目一.购物车1.加入购物车(新知识点)加入到购物车是需要接口操作的,因为我们需要将用户的加入到购物车的保存到服务器数据库,你的账号后面才会在你自己的购物车看到,所以这里要先写接口然后vuex三部曲,返回来的数据没有data,就是告诉你成功了,存近数据库了所以确实也不需要什么data,所以这里vuex三部曲,只需要到actions这一步就可以了成功与失败的判定:之前在actions里面的操作都是async加await的操作,他们的原理是这样的,是必须配合一起使用,但是各负责各的事,async是负责这个函数的返回值只一个promise对象,而a
紧急更新第二弹,然后就剩下最后一弹,也就是整个前台的项目一.购物车1.加入购物车(新知识点)加入到购物车是需要接口操作的,因为我们需要将用户的加入到购物车的保存到服务器数据库,你的账号后面才会在你自己的购物车看到,所以这里要先写接口然后vuex三部曲,返回来的数据没有data,就是告诉你成功了,存近数据库了所以确实也不需要什么data,所以这里vuex三部曲,只需要到actions这一步就可以了成功与失败的判定:之前在actions里面的操作都是async加await的操作,他们的原理是这样的,是必须配合一起使用,但是各负责各的事,async是负责这个函数的返回值只一个promise对象,而a
学完vue2还是决定先做一个比较经典,也比较大的项目来练练手好一点,vue3的知识不用那么着急,先把vue2用熟练了,vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有,后面还会结合elementUI构件后台管理界面。拭目以待!一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了,前面已经说过了,来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器,对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写,配置他的别名,因为后面可能经常会引入这个
学完vue2还是决定先做一个比较经典,也比较大的项目来练练手好一点,vue3的知识不用那么着急,先把vue2用熟练了,vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有,后面还会结合elementUI构件后台管理界面。拭目以待!一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了,前面已经说过了,来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器,对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写,配置他的别名,因为后面可能经常会引入这个
现在正式回归,开始好好做项目了,正好这一个项目也开始慢慢的开始起色了,前面的准备工作都做的差不多了。而且我现在也开始慢慢了解到了一些项目才开始需要的一些什么东西了,vuex、router这些都是必备的,后期一定要练得非常熟练才行。一.重写push/replace方法有一个编程式导航的bug,当我们重复点击编程时导航的跳转,同时传的都是相同的参数,这个时候就会报错,报NavigationDuplicated,这是一个底层错误,归根结底是因为vue在2的版本将编程式导航跳转的添加了一个promise,我们都知道promise是需要一个成功回调和失败回调的,而我们在发起跳转的时候并没有定义这些,所以
现在正式回归,开始好好做项目了,正好这一个项目也开始慢慢的开始起色了,前面的准备工作都做的差不多了。而且我现在也开始慢慢了解到了一些项目才开始需要的一些什么东西了,vuex、router这些都是必备的,后期一定要练得非常熟练才行。一.重写push/replace方法有一个编程式导航的bug,当我们重复点击编程时导航的跳转,同时传的都是相同的参数,这个时候就会报错,报NavigationDuplicated,这是一个底层错误,归根结底是因为vue在2的版本将编程式导航跳转的添加了一个promise,我们都知道promise是需要一个成功回调和失败回调的,而我们在发起跳转的时候并没有定义这些,所以
堆积了两天一起发的,先祝大家节日快乐后面任务很繁重,还有登录注册组件还有后台管理页面,真的繁重,我现在感觉每天全天时间都在学都不一定学得完,主要想在六月一号之前把整个项目过一遍。看看能不能创造奇迹一.防抖和节流抛出一个问题,就是我们的三级联动,正常情况你慢慢的去滑动是没有bug的,但是当你快速的从上往下滑一圈,你会发现只会触发几个标题,如果这个时候我们的回调也就是滑动的事件函数里面有大量的业务逻辑,他会执行完一个再去执行另一个,但是你已经滑完很久了,所以这个时候页面就会有卡顿现象1.防抖什么是防抖?防抖就是一个事件触发多次,最终只会有触发一次的结果。我们这里防抖和节流采用一个Lodash的插件
堆积了两天一起发的,先祝大家节日快乐后面任务很繁重,还有登录注册组件还有后台管理页面,真的繁重,我现在感觉每天全天时间都在学都不一定学得完,主要想在六月一号之前把整个项目过一遍。看看能不能创造奇迹一.防抖和节流抛出一个问题,就是我们的三级联动,正常情况你慢慢的去滑动是没有bug的,但是当你快速的从上往下滑一圈,你会发现只会触发几个标题,如果这个时候我们的回调也就是滑动的事件函数里面有大量的业务逻辑,他会执行完一个再去执行另一个,但是你已经滑完很久了,所以这个时候页面就会有卡顿现象1.防抖什么是防抖?防抖就是一个事件触发多次,最终只会有触发一次的结果。我们这里防抖和节流采用一个Lodash的插件