付费课程, 订阅后即可观看
电商系统 - 初出茅庐
42 集视频
4小时54分钟
本期 Laravel 电商系统视频教程咱们回归Nuxt.js,看一看如何实现Bulma的导航栏,使用导航栏显示产品分类信息,本期视频咱们首先完成第一步,引入Nuxt中最常见的模块,并对其完成基本的配置,这样以后的工作就会变得更加容易,正好借着这个机会,更多的了解一下Nuxt.js
老哥 点击导航下拉的子分类跳转路由后 下拉定在那里 跳转后怎么让下拉自动缩回去
这类基础的问题该自己搞的自己去搞,我的角色不是保姆。
搞定了 控制显隐就可以 easy
这才对嘛,别太依赖搜索,想办法就能解决问题。你好歹还有电脑用,现在我的电脑白天我只有三个小时的支配时间。
<nuxt-link :to="{name: index}" class="navbar-item"> coding 10 </nuxt-link>
关于以上代码是否需要在实例中定义路由?chrome 报error:
[Vue warn]: Property or method "index" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
found in
---> <Navigation> at layouts/partials/Navigation.vue <Layouts/default.vue> at layouts/default.vue <Root>
我现在正重写网站,我的目标是代码缩减一半,网站打开速度提升一倍。你可以再自己看看视频,我都有解释的,我现在正在重构网站的崩溃中......
辛苦!希望见到早日改版的网站。
哈哈,目前的工作不是改版,是提速和重构,做好了这一步下一步才是改版,网站目前还是 5.6 版本写的,后面虽然 Laravel 出了一系列新的版本,但是一直都没有激起我升级版本的冲动,直到出了 Laravel 7, 我才觉得可以动手了,改版的时候我会使用 7 版本,现在的提速和重构工作依旧基于 5.6。
export const actions = { async nuxtServerInit({ state,commit }){ // let res = await this.$axios.$get('categories'); // commit('SET_CATEGORIES', res.data); } }
let res = await this.$axios.$get('categories'); 这行代码执行报错,一直转圈,并且没有发出去请求,我确定我npm安装了axios,nuxt.config 中引入了模块且设置baseUrl,服务端接口也能正常返回数据,是我差了哪一步吗?
报错信息 --------------------------------------------- i Memory usage: 214 MB (RSS: 308 MB) i Listening on: http://localhost:3000/ FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
跟着百度做解决了,方案如下
package.json文件中 修改如下 "dev": "nuxt --max-old-space-size=4096",
为啥分类的接口请求,在network中没有,只能在vuex里面查看吗?
解决了就好,估计每个人都会遇到各种各样的问题,其实做项目似乎主要工作就是在各种问题中挣扎,核心业务代码反而没有多少,80%的时间都是在给自己挖坑和填坑。network中应该也能找到相关调用,但是由于nuxt封装的比较隐蔽,信息查看极为不方便,所以都是借助vue调试工具来查看信息了