Vue
神魔恋同学
所想即所得
展开
-
vue之mixins混入
vue之mixins混入今天get到一个解决方案,关于单vue组件过大拆分的问题。举个例子,有个test文件,里面的代码量很大,之前是这样解决的:拆分成多个.vue文件,通过组件引入的方式,每个.vue文件都要写template、script。调用子组件的方式需要通过ref。存在的问题:只想引用js,却需要按照通用组件的方式引入,并且每个都需要写template和一个div,带来性能损耗。解决方案:使用vue.js mixins,将不同的逻辑放到不同的js文件里,方法直接通过this调用。例子m原创 2020-05-26 00:42:44 · 191 阅读 · 0 评论 -
Vue路由守卫,未登录时跳转到登录界面,已登录跳转到主页
实现的功能:1.未登录时跳转到登录界面,已登录跳转到主页2.限制手动进入主页使用方法 :1.将const nextRoute数组中的路由替换成需要登录权限的路由2.isLogin是你获取到的登录状态,更改即可 // 全局路由守卫 router.beforeEach((to, from, next) => { // to: Route: 即将要进入的目标 ...原创 2018-10-11 11:18:39 · 9464 阅读 · 0 评论 -
解决IE中promise未定义问题
原因是ie不支持es6语法,需要导入依赖包1、npm install --save-dev babel-polyfill2、在main.js中引入: import “babel-polyfill”原创 2018-10-10 19:55:50 · 10330 阅读 · 0 评论 -
Vue实现基本组件的方法-从最简单的弹窗开始
前言项目中基本上都会用到灰色模态框,最基本的就是登陆登出界面,本文会从最简单的一个遮罩组件做起。效果图实现步骤1.实现html和css样式2.子组件的vue代码3.父组件的vue代码1.实现html和css样式html如下<div class="modal" v-show="showModal"> <div class="modal-dialo...原创 2019-07-03 19:28:39 · 224 阅读 · 0 评论