nuxt服务器端渲染使用prismjs代码高亮必须刷新下页面才起效果
解决必须刷新下代码才高亮的问题
用prismjs给网站的代码加了高亮的效果,使用起来非常简单,引入一个css文件和一个js文件即可,但是通过ajax获取数据后,会发生样式没其效果的问题,必须刷新下才有效果,解决办法如下:
只需要在mounted里面执行一下代码即可:
//下面这行代码解决prismjs不能异步加载必须刷新一下才显示的问题
process.browser &&document.querySelectorAll("pre code").forEach(block => Prism.highlightElement(block));
这样页面展示的时候就有prism的样式了