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

Posted 洛阳醉长安行

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue开发中遇到的一些问题解决方法相关的知识,希望对你有一定的参考价值。

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 文本内容高亮,相比其他的的代码高亮库更简洁美观,可配置多个主题。

以上是关于Vue开发中遇到的一些问题解决方法的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vs Code 中更改默认自动选择的用户片段行为

vue开发学习中遇到的问题以及解决方法

Vue开发中一些『非常规』手段

Vue友们就靠这6个开发技巧了(建议收藏)

Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法(代码片段

如何在Sublime Text中添加代码片段