2019年09月_Ace.三阶斗尊

转载 vue的拖拽移动排序插件vuedraggable

添加小程序，兑换各种视频教程/数据资源。参考：http://www.ptbird.cn/vue-draggable-dragging.html。

2019-09-29 11:29:18 1095

原创 elemenet-ui菜单递归组件的二次封装

<el-menu router unique-opened default-active="2" mode="vertical" background-color="#324157" text-color="#bfcbd9" ...

2019-09-26 11:56:02 446

转载 vue路由跳转取消上个页面的请求和去掉重复请求。

添加小程序，兑换各种视频教程/数据资源。参考：https://www.cnblogs.com/zlfProgrammer/p/11058413.html。参考：https://blog.csdn.net/harsima/article/details/93717217。我们经常会遇到当前页面未加载完毕时跳转路由或者返回操作, 但是通过network会发现, 若网络环境较差的情况下,...

2019-09-26 11:41:20 2314

原创 vue中基于vuex根据可视区窗口动态设置表格的高度

//1.在指定页面，如admin.vue时触发获取可视区的宽高import { mapMutations} from "vuex";data(){ return { windowLock:false, }},created() { const refreshWindow = _ => { let innerH...

2019-09-25 11:28:30 680

转载【vue】切换路由页面时，中止上个路由页面未返回数据的请求

转载：https://blog.csdn.net/GossipHHH/article/details/84066864。

2019-09-24 15:28:23 1020

原创 vue的provide / inject向子孙组件传递数据/方法

1. vue的2.2.0版本新增的属性：用以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。即祖先组件可（不论组件层次有多深）向其子孙组件传递事件，变量。参考官网：https://cn.vuejs.org/v2/api/#provide-inject。<template> <div> <child...

2019-09-23 16:29:33 3055

原创 vue的回车键按下触发登录事件

created(){ window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件}methods:{ async login() { this.$refs.form.validate(_ => { if (_) { c...

2019-09-23 14:44:08 3751

原创 css实现磨砂效果

1. css的滤镜实现：通过filter实现。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { ...

2019-09-23 14:10:54 5946

原创 vue实现后台管理系统页面功能和页面路由权限的控制

1. 页面路由权限的设置（基于路由守卫）：新建router/router.js和router/index.js路由文件。//router/router.js文件import Admin from '@/views/Admin.vue'export default [ { path:"/", redirect:"/admin" },{ path:"/admin", na...

2019-09-23 12:03:58 2357

原创 vue-router的原理解析

添加小程序，兑换各种视频教程/数据资源。1.vue-router的使用：//在项目入口文件main.js中，已经下载vue-router之后：import Vue from "vue"import Router from "vue-router"import App from './App.vue'Vue.use(Router) //Vue.use实际上是执行插件模块Rou...

2019-09-11 09:14:54 313

原创 canvas实现绘制图片/字体转base64

添加小程序，兑换各种视频教程/数据资源。1. 绘制字体转base64: canvas绘制垂直和水平居中的文本字体，并转换为base64格式。let width=160;let height=90;let x=0;let y=0;let font='要绘制的文本';let fontSize=32;let canvas = document.getElementById(...

2019-09-04 09:46:56 924

原创 uniapp的editor标签的使用

<editor id="editor" class="ql-container text-cyan radius" @ready="onEditorReady" @input='contentChange' :read-only='false'></editor> <script> methods:{ onEditorReady() { ...

2019-09-02 16:40:19 7827 1

斗师——Ace