年少青山的博客

最近使用Vue-element时，遇到了el-input输入卡顿问题，影响用户体验，如下el-input是这样写的，没有加额外的事件<el-input v-model="code" placeholder="code" type="textarea" :rows="1"/>解决方法使用.lazy修饰符使用.lazy的修饰符可以取消v-model的双向绑定，避免输入改变增加队列造成卡顿注意：el-input底层代码会将文本框用div包裹，所以直接在el-input中使

上篇是Vue菜单权限的控制，这篇讲一下按钮权限的控制，主要运用了directive自定义指令来实现

vue-element-admin后端控制菜单的一种实践

如演示，Vue页面导航回退后页面重新刷新了，搜索条件及结果都重置了，对于页面需要频繁切换的系统来说，体验不佳，我们希望页面第一次打开时加载，此后回退不再刷新查阅了Vue官网后，发现vue2.0提供了一个keep-alive组件。1、在App.vue中的设置<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive">&l..

import Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);Vue.config.productionTip = false/* eslint-disable no-new */new Vue({ .

背景：公司系统较多，前端开发人员较少，以往采用了Extjs 6.2作为前端框架，近几年Vue是特别火，程序员都该拥抱变化，尝试新的技术，因此现在慢慢过渡到用Vue+Element-ui来代替Extjs。 Extjs特点：不用再调css，降低了工作量。由于ExtJS本身的约束很强，只要配置错误，就是不会有效果。而且css可以调整的地方相对比较少。只要正确使用，就会有一个统一的ui样式...