- 博客(5)
- 收藏
- 关注
RSS订阅
原创 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
原创 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
原创 Vue路由守卫，未登录时跳转到登录界面，已登录跳转到主页
实现的功能：1.未登录时跳转到登录界面，已登录跳转到主页2.限制手动进入主页使用方法 ：1.将const nextRoute数组中的路由替换成需要登录权限的路由2.isLogin是你获取到的登录状态，更改即可 // 全局路由守卫 router.beforeEach((to, from, next) =&amp;amp;gt; { // to: Route: 即将要进入的目标 ...
2018-10-11 11:18:39
9464
原创 CSS实现固定表头 内容溢出滚动
.wfl-table thead tr display: table width: 100% table-layout: fixed tbody width: calc(100% + 17px) display: block height: 420...
2018-10-10 19:56:01
1820
原创 解决IE中promise未定义问题
原因是ie不支持es6语法，需要导入依赖包1、npm install --save-dev babel-polyfill2、在main.js中引入： import “babel-polyfill”
2018-10-10 19:55:50
10330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人