解决vue中highlight.js只渲染一次的问题

发布于:2023-03-12 ⋅ 阅读:(85) ⋅ 点赞:(0)

highlight.js的具体使用这不做过多的说明,如果你遇到了标题的问题,那么应该能看懂下面的答案。

首先在main.js中的代码如下

//引入
import hljs from 'highlight.js'
//设置属性
Vue.prototype.$hljs = hljs;

页面元素

<pre v-html="context"></pre>

js代码

this.context = this.$hljs.highlightAuto(value).value;

highlightAuto方法中的参数就是具体的内容,比如xml、css等。就这么简单。


网站公告

今日签到

点亮在社区的每一天
去签到