随笔分类 -  项目相关

摘要:方法一 // 父组件 <dialog-apply :visible.sync="dialogApplyVisible" /> // 子组件 <el-dialog :visible.sync="visible" title="申请" :before-close="onClose" > onClose( 阅读全文
posted @ 2020-07-27 09:55 麦子同学 阅读(6002) 评论(0) 推荐(0)
摘要:在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复, 在你引入router.js再加上一句话: //路由重复 报错解决办法 const originalPush = VueRouter.prototyp 阅读全文
posted @ 2020-07-13 15:34 麦子同学 阅读(746) 评论(0) 推荐(0)
摘要:vue内置组件,能在组件切换过程中将状态保留在内存中DOM元素,防止重复渲染DOM(接口也会缓存),提高性能。 <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-vi 阅读全文
posted @ 2020-07-08 15:54 麦子同学 阅读(246) 评论(0) 推荐(0)
摘要:一、图片懒加载、复杂资源点击时再请求 (防止有的人进来一下就离开网站了,一次性加载出来造成资源浪费) 两者原理相同,都是等到需要用资源的时候再请求,这样可降低用户初次进来时的等待时间,在一定程度上也降低了服务器的负载。 二、图片响应式加载 实例:课程列表页用小图,点进去,详情页视频播放的封面用大图。 阅读全文
posted @ 2020-05-12 17:18 麦子同学 阅读(156) 评论(0) 推荐(0)
摘要:父组件 子组件(弹窗) 父组件的列表数据 =》 传送到子组件的类型列表。 刷新页面加载,传过来的数据为空。因为页面加载顺序,dom对象还没加载出来,就开始传递数据,此时数据为空。 弹窗组件有这2个方法,可以保证在弹窗打开后再接受传递的数据,此时的dom对象已经加载完成。 阅读全文
posted @ 2020-04-27 14:47 麦子同学 阅读(329) 评论(0) 推荐(0)
摘要:项目的多个页面,需要调用接口getList展示下拉列表,以往我做法就是在每个需要的页面分别调取一次该接口,造成资源的浪费。 把复用的东西抽取出来,方便复用和修改。 解决方法1: 封装common.js(里边是公共调用的api) 在需要引用的页面: 解决方法2: 可以用vuex的actions,异步封 阅读全文
posted @ 2020-04-27 10:40 麦子同学 阅读(599) 评论(0) 推荐(0)
摘要:方法一:全局注册(注册全局方法) 创建global.js main里面引入: 调用时候: 方法二:定义单独的方法 在需要使用的页面引入即可。 方法三:vue 3.0的方法 阅读全文
posted @ 2020-04-21 17:08 麦子同学 阅读(1365) 评论(0) 推荐(0)
摘要:当用户未登录,进入首页地址,会强制转向登录页。只有登录的用户才可以进入首页。 错误写法: 正确写法: 阅读全文
posted @ 2020-04-14 15:27 麦子同学 阅读(367) 评论(0) 推荐(0)
摘要:一、cookie 二、html5本地存储 1、sessionStorage 2、localStorage 阅读全文
posted @ 2020-04-07 22:29 麦子同学 阅读(213) 评论(0) 推荐(0)
摘要:SvgIcon组件主要是整站所有的图标icon,提前成一个单独的组件。假如Nav.vue需要该组件,引用即可。由此可见,需要将SvgIcon.vue组件注册为全局组件,谁需要,谁引用。 一、将SvgIcon.vue注册为全局组件、 1、注册组件 //SvgIcon是组件名 { }里边是组件内容 Vu 阅读全文
posted @ 2020-04-04 16:33 麦子同学 阅读(950) 评论(0) 推荐(0)
摘要:一、注册全局组件 二、引用全局组件 报错如下: 因为: vue有两种形式的代码:compiler模式,和runtime模式),主要区别在main.js里边。 右侧的形式,vue默认指向的是'dist/vue.runtime.common.js'位置。 可以修改vue的默认指向,在config.js里 阅读全文
posted @ 2020-04-03 10:31 麦子同学 阅读(4456) 评论(1) 推荐(0)
摘要:一、建立styles文件夹。 二、主样式文件main.scss中,引入其他文件 阅读全文
posted @ 2020-04-02 16:38 麦子同学 阅读(117) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/weixin_41602509/article/details/102929841 阅读全文
posted @ 2020-01-14 11:00 麦子同学 阅读(112) 评论(0) 推荐(0)
摘要:一、 项目前期准备 1、淘宝镜像 2、安装mongodb 二、项目初始 1、 创建web端单页面应用—web和admin 2、vue安装element vue router 不用再手动引入element样式表,这种方式也可以按需引入 3、初始化服务端项目—server 创建入口文件 index.js 阅读全文
posted @ 2020-01-14 09:15 麦子同学 阅读(283) 评论(0) 推荐(0)
摘要:项目开发问题汇总 一、scss和css区别 scss——“工具样式” 1、scss优点 1. 样式嵌套 2、安装方式 (1) 安装 (2) 工程构建(开发时、“打包”时)依赖 ;例:xxx cli , less loader , babel loader... (3) 项目(运行时、发布到生产环境时 阅读全文
posted @ 2020-01-14 09:09 麦子同学 阅读(146) 评论(0) 推荐(0)