伊娃的博客

1、upload组件代码<!-- excel文件上传 --><template> <el-dialog title="导入excel" :visible.sync="dialogShow" :before-close="handleClose" width="22%" > <div class="elUploadBox"> <el-upload drag

首页打开的时候，一共12个请求，4.5M，打开时间大概为7.64s，在打开之前会有很长一段时间的空白，要如何优化首页的加载时间呢？首页打开的情况如图：一、分析打包情况：Nuxt.js使用webpack-bundle-analyzer来使您可视化包以及如何优化它们。nuxt.config.js中analyze的配置如下：build: { /* ** You ca...

当从word中粘贴含多个表格的内容时，格式不正确的问题，在网上寻找了很多方法，都没有找到正确的解决方式。效果显示如下图：粘贴功能是用的tinymce的paste插件实现的。在tinymce的官方文档中查看了paste的所有属性也无果。查看编辑器中内容的样式发现，div还有table的样式设置一下就好了。于是就用content_style属性中设置了一下，代码如下： window.ti...

Tinymce富文本编辑器粘贴图片时需要上传到自己的空间中才能被打开。一、首先需要安装引入七牛云npm install qiniu-jsvar qiniu = require('qiniu-js')// orimport * as qiniu from 'qiniu-js'二、同时引入客户端生成的tokenimport {qiniuTokenCreate} from ...

使用过程中，当登录账号异常退出的时候，页面请求接口数据会报401，这时候页面需要退出重新登录，我的实现方式是：import axios from 'axios'import { MessageBox } from 'element-ui'import { getToken } from '@/utils/auth'// create an axios instanceconst s...

公司cms后台系统，导航功能比较复杂，点击浏览器后退按钮，发现路由改变，顶部还有左侧导航未改变，导航如下图，经查阅先找到一种可行的方法，问题已解决。在default.vue中加入如下代码：具体操作如下：1.挂载完成后，判断浏览器是否支持popstatemounted(){ if (window.history && window.history...

近期公司选用Vue实现了一个CMS的后台管理系统，从零基础搭建到项目完成，遇到了不少问题，同时也成长了很多，下面是自己在平时学习使用过程中总结的一些问题。vue不仅仅是一个模板引擎，它可以构建数据驱动的web界面，而它的一个框架NUXT主要是做服务器渲染的，便于SEO优化。vue所适用的场景：1、存在复杂表单的应用；2、不需要考虑seo的单页应用；3、内部系统；4、不需要支...

本篇主要讲述如何基于NUXT的validate 方法实现表单的验证。将验证方法封装后，使用的时候只需像:rules="filter_rules({required:true,type:'mobile'})"这么一行代码便可在页面中实现验证了。首先看一下实现效果 一、...

通过element-ui的upload实现上传资源到七牛云功能的时候遇到了很多问题，现在和大家分享出来。一、上传头像组件com_user_head_upload.vue：<template><div><el-uploadclass="avatar-uploader":action="qiniu.actionPath":show-file-l...

一，首先在Tinymce标题栏自定义添加链接的按钮如图为新加的按钮方法：1.在富文本页面定义按钮，以组件形式引入代码为： <editorLink color="#1890ff" class="editor-upload-btn"/></div>2.组件这样定义，直接付代码，页面为editorLink.vue <div class="l...

页面权限控制分为两种：菜单中的页面是否能被访问页面中的按钮（增、删、改）的权限控制是否显示大致的页面访问权限的流程：详细实现过程：1、创建路由表左侧菜单的列表，我放在vuex中的一个模块js中直接贴代码routerPermission.js：state中的permission为模拟的从接口中获取的权限表，slideMenu为左侧导航菜单的列表。ROUTER_MATCH为路由与权限...

在将一些数据放入vuex中的时候，会经常碰到页面刷新后数据清空的问题，我一般的实现方式是借用缓存，放入cookie，storage中。一、放入cookie中的方法：1.首先在组件或js文件中引入：import Cookies from ‘js-cookie’2.存入cookie：Cookies.set(‘userId’, user.id)3.从cookie中读取let userId=...