2

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等。就这么简单。


国子监阿创
131 声望8 粉丝

任何一个傻瓜都能写出计算机能理解的程序,而优秀的程序员却能写出别人能读得懂的程序。—— Martin Fowler