Vue开发中遇到的一些问题解决方法

Posted 2021-10-16 洛阳醉长安行

1.vue圣杯布局切换视图组件时出现中间视图组件闪烁问题：因为中间有异步加载数据的部分，需要数据请求完成时才渲染底部Footer组件，否则可能会优先渲染底部footer，中间部分后显示造成闪烁。

2.使用vue自定义指令配合vuex可以实现控件粒度的权限控制，指令传入权限要求,可在组件逻辑中根据当前权限与传入的要求进行判断是否隐藏显示该div

<div id=\'aa\' onclick="javascript:alert(\'管理员页面\')" v-auth=\'admin\'>跳转</div>

3.如在vue+elementui开发中发现表格行的默认勾选功能没生效，检查是否在表格渲染完毕且数据挂载上去之后再进行勾选。

4.使用css的 position:sticky 可以实现悬浮菜单(初始固定定位，滚动后随着视窗滚动)

5.如要在网页中实现git提交记录，使用heighlight.js可实现git提交的patch diff 文本内容高亮，相比其他的的代码高亮库更简洁美观，可配置多个主题。