nuxt服务器端渲染使用prismjs代码高亮必须刷新下页面才起效果

解决必须刷新下代码才高亮的问题

用prismjs给网站的代码加了高亮的效果,使用起来非常简单,引入一个css文件和一个js文件即可,但是通过ajax获取数据后,会发生样式没其效果的问题,必须刷新下才有效果,解决办法如下:
只需要在mounted里面执行一下代码即可:

//下面这行代码解决prismjs不能异步加载必须刷新一下才显示的问题
    process.browser &&document.querySelectorAll("pre code").forEach(block => Prism.highlightElement(block));

这样页面展示的时候就有prism的样式了

上一篇:Nuxt默认模板、默认布局和自定义错误页面


下一篇:nuxt创建项目的步骤