weixin_66157105的博客

原创 项目优化的方式

如果把这些可以拆除去的依赖项声明到了 extemals节点中，那么在打包期间webpack会先检查我们有没有在extemals下声明第三方的依赖包，如果有，webpack就不会把依赖包打包到里面去，而是在用到这个依赖包的时候会直接去window全局对象身上去找来进行使用。由于import引入的包，会打包到一个文件夹内，所以会导致文件依赖项过大。但是这种情况会让在开发阶段也会失去console，下面的方式更加的合理。3、通过vue.config.js修改webpack的默认。

原创 深拷贝lodash使用场景

在做项目的时候，比如：我们在之前使用的级联选择器中v-model双向绑定的是选中项绑定值addForm.goods_cat是一个数组的形式，但是在后来我们添加商品的时候，后台接口让我们使用以逗号分隔的分类列表。这个时候两者就有了冲突，解决这个冲突，就可以使用深拷贝的方式。在进行拼接之后，使用深拷贝把addForm.goods_cat数据拷贝出来。可以使用lodash的包来进行实现。

原创 加载当前角色已有的权限

关闭对话框的时候重置defKeys数组。

原创 角色组件的绘制

6、通过第一层for循环渲染一级权限。9、通过第三层for循环渲染三级权限。1、首先创建roles.vue组件。8、通过二层for循环渲染二级权限。10、美化角色权限的ui结构。3、绘制结构并获取列表数据。2、在路由中加载并且导入。4、渲染角色列表数据。

原创 使用element-ui进行搜索功能的实现

1、在文本框中使用v-model进行数据绑定，把文本框和data中的数据进行双向绑定。添加点击事件，当我们点击搜索按钮的时候调用“用户数据”的接口。2、然后给搜索框绑定事件，添加input框属性。clearable文本框属性表示是否可清空。@clear文本框事件表示在点击由。属性生成的清空按钮时触发。

原创 使用element-ui实现分页效果

使用element-ui引入分页的效果。定义当前页数、当前页每条数据、总页数。然后监听每页数据和页码值的变化。

原创 通过路由的方式展示组件的列表，并且在sessionStorage中保存左侧边栏

总结：先把点击的值使用sessionStorage进行保存，然后取出来动态赋值给二级菜单，通过elemen-ui属性的高亮实现改变。2、在sessionStorage中保存左侧菜单栏。1、通过路由展示home组件。

原创 实现侧边栏路由链接的改造

点击不同的二级路由，实现子组件的跳转展示。使用element-ui导航菜单的router，然后使用id进行跳转，path地址跳转。

原创 点击按钮，实现菜单的显示与隐藏

隐藏之后，侧边栏的背景不变，是因为我们给侧边栏设置的宽度，想要动态的切换显示与隐藏，还想要背景跟着一起改变，可以通过三元表达式动态绑定width的值。

原创 解决二级标题打开会出现多出来的框

原创 渲染一级图标的时候，后端没有给我们图标，我们可以自己在data中设置一个对象，然后动态添加图标

一级图标element里面没有，可以去阿里库里面去寻找，在数据中定义一个对象，然后动态的填充进去。

原创 通过axios拦截器添加token验证

表示：除了登录接口之外，其他的接口必须要授权才能进行调用。可以通过token令牌进行权限认证。接口文档当中有一句：需要授权的API，必须在请求头中Authorization字段提供token令牌。下方就是在每一个请求头中添加这么一个字段。

原创 home页面的退出功能

当我们登录之后，页面上的退出功能，基于token的方式实现退出功能更加的简单，只需要销毁token即可。

原创 登陆页面登录成功之后的操作

其次是token只应在当前网络打开期间生效，所以应该将token保存在sessionStorage中。首先项目中除了login页的API，其他页面的API都必须在登录之后才能访问。1、登录成功之后的token，保存到客户端的sessionStorage中。2、通过编程式导航跳转到路由首页。

原创 await async

使用await async之后返回的是一个 拿到的结果。调用接口之后返回的是一个promise对象。然后再把data给解构出来。

原创 post传参的用法

vue中post传参

原创 在element-ui中使用iconfont

iconfont下载到本地使用