在 Vue 中使用 Highlight.js 遇到的坑

在实现 flask-restaction 的自动生成 API 文档功能时，用到 https://highlightjs.org/ 实现代码高亮。首先按照文档用的是这个方法：hljs.initHighlightingOnLoad();结果是只要切换了路由，代码就没有语法高亮了，因为 hljs 只在页面加载时进行语法着色。Google 之后找到另一个方法 Vue 中使用 highlight.js 通过自定义 Vue 指令实现：Vue.directive('highlightjs', function() { let blocks = this.el.querySelectorAll('pre……