2016-10-26 20:02发布
通过路由切换过去的一个含有pre和code标签的页面，引入highlightjs并执行，结果页面没有任何变化，执行的时间用过afterEach，window.onload和setTimeout都实验过，页面都不会高亮代码，请问各位大神解决办法？
you should not use that global init function, as it is intended to highlight all pre tags on page load, and is meant to be used on static pages.
Highlightjs offers a method for "Custom Initialization"with hljs.highlightBlock(), which you should warp in a custom directive:
hljs.highlightBlock()
So, simply add v-highlightjs to each tag that is supposed to be highlighted. That will re-highlight those tags each time Vue inserts them into the DOM (router navigation to another component etc...)
v-highlightjs
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 青言 的问题《如何解决highlightjs在vue-router中失效的问题》','https://wenda.whatsns.com/q-303443.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
you should not use that global init function, as it is intended to highlight all pre tags on page load, and is meant to be used on static pages.
Highlightjs offers a method for "Custom Initialization"with
hljs.highlightBlock(), which you should warp in a custom directive:So, simply add
v-highlightjsto each tag that is supposed to be highlighted. That will re-highlight those tags each time Vue inserts them into the DOM (router navigation to another component etc...)一周热门 更多>