elementui 展示列表模板_vue-elementui-demo

#1.用户名 密码 备注

admin 123456 拥有所有页面权限

root 111111 只有两个页面权限

#2.多行文本省略号显示

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 5;

-webkit-box-orient: vertical;

#3.使用less:

安装:cnpm install less less-loader --save-dev

组件中使用:

#4.使用阿里字体图标:

下载源码->放到assets文件夹下->main.js中引入:import './assets/iconfont/iconfont.css'

组件中使用:

#5.elemnet ui 多级菜单刷新页面展示上次打开的菜单

(1)

(2)

data:currentMenu:''

mounted(){

var currentUrl = window.location.href

this.currentMenu = currentUrl.split('#')[1];

}

#6.路由懒加载:利用异步组件+webpack的代码分割功能

router中引入异步组件:const Login = () => import('@/pages/login/login.vue')

路由配置中:

routes: [