hx_1199的博客

1）插件地址：https://github.com/hilongjw/vue-lazyload2）简单使用方法     a) 安装插件：npm install vue-lazyload --save-dev     b) 在src目录下的main.js  配置import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{...

(1) 引入Jquery     npm install jquery --save-dev (2) 修改build->webpack.base.conf.js      a 引入webpack对象: const webpack=require("webpack")      b 在module.exports尾部中加入 plugins: [ new webpack...

生活要有态度，知识要思进取。前言：前辈给一个管理后台系统，叫自己学习，整日散漫的我终于在身边人的帮助下意识到自己的问题，重新规划路线，开始认真工作了。管理后台从功能上讲，我的理解是不同权限的人登录进来之后展示不同权限的页面。看前辈给的后台管理系统，是vue-cli+element.ui框架学习过程中大致划分为：1）动态路由编写2）用户登录，获取用户token,并将用户token...

我们搭建webpack框架，并引入element（搭建框架之前有讲过，从引入element开始）（1）引入element.ui         a) cnpm i element-ui -S         b) 在main.js中引入   import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk...

前言：老工程师引用的图标是阿里巴巴矢量图标，我还没弄，先写着别的吧，毕竟没图标也不是太碍事。登录页面：element 表单，表单校验，像后台异步发送表单数据，若发送成功调转到首页，否则登录不进去。页面效果展示：要说的就是将数据异步提交到vuex，如果返回数据成功，则跳转到“/”页面。  vuex的actions接收login页面发过来的请求，并发送登录接口给后台（涉及axi...

在项目的入口文件写路由导航钩子，进入路由的时候判断当前是否有token,进行判断在管理后台手把手搭建（1）的时候已经详细介绍：代码如下 import router from './router'import store from './store'import NProgress from 'nprogress' // progress barimport 'nprogress/n...

权限写完了，开始写主页面，如下主要由侧边栏，头部，tag标签和主页面构成。主要介绍tag标签。a   侧边栏： 引用element-ui框架，从全局导航钩子开始说起，当我们拉取完用户token后，需要拉取用户权限，我们需要对拉取来的用户权限做处理，判断是否为超管权限或者为该用户应展示的权限内容，将其存放到vuex中，当我们渲染的时候，在从vuex中获取数据。b   tag标...

在vue中封装一个svg组件　　第一步：　　　　在vue脚手架生成的文件夹下的src/components创建一个Svg 在components->xx.vue<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="...

1.去阿里图标矢量图标库将想要的图标添加入库   2.再去库中将图标添加到项目。3.再到我的项目中，选择，我这里采用的是将图标代码包下载到本地再引入到vue项目中。4.在vue项目的assets文件夹下新建一个iconfont文件夹（名字随意），将刚刚下载下来的代码包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、icon...