首页 > Web开发 > 详细

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

时间:2020-05-27 21:39:40      阅读:62      评论:0      收藏:0      [点我收藏+]

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

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

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

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

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

原文:https://www.cnblogs.com/my466879168/p/12976491.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!