av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

解決vue與node模版引擎的渲染標(biāo)記{{}}(雙花括號)沖突問題

瀏覽:30日期:2022-11-23 17:03:44

由于之前練習(xí)koa2,直接渲染的jquery寫的傳統(tǒng)頁面。

這次想偷懶,直接script引入vue,發(fā)現(xiàn)渲染不出data值。

渲染引擎用得是xtpl, 找了半天沒有發(fā)現(xiàn)可以修改xtpl渲染分隔符的配置

vue有!

var myVue = new Vue({ el: ’#msgBoard’, delimiters:[’$$’,’$$’], data() { return { msg: { num: 10 } } }, mounted() { console.dir(this) }, })

補充知識:前端——vue和nunjucks的模板渲染符{{}}沖突解決辦法

由于在thinkjs上使用的是nunjucks的渲染技術(shù),在了解到vue的時候發(fā)現(xiàn)vue用的也是{{}}進行模板代碼識別。

找了一個vue的html代碼放到thinkjs上面跑,發(fā)現(xiàn)數(shù)據(jù)無法綁定。然后上網(wǎng)尋得解決辦法如下:

修改vue的標(biāo)識符,前后加{% raw %}、{% endraw %},如下:

{% raw %}{{result.name}}{% endraw %}

問題解決。

以上這篇解決vue與node模版引擎的渲染標(biāo)記{{}}(雙花括號)沖突問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 精品国产一区二区三区免费 | 欧美日韩精品在线一区 | 国产精品一区二区久久久久 | 一区二区三区视频免费观看 | 97精品一区二区 | 天天综合永久入口 | 亚洲精品一区国语对白 | 成人激情免费视频 | 亚洲一二三区在线观看 | 2019精品手机国产品在线 | 久久久国产精品视频 | 91不卡 | 欧美另类视频在线 | 亚洲一区中文字幕 | 亚洲视频三 | 国产精品中文字幕一区二区三区 | 亚洲免费在线 | 欧美在线观看黄色 | 日韩成人在线免费视频 | 日韩视频在线播放 | 五月婷婷丁香 | 久久亚洲春色中文字幕久久久 | 久久久精品一区 | 精品久久久久久久久久 | 超碰av在线 | 91精品国产91久久久久久吃药 | 天天拍天天操 | 日日骚网 | 国产一区二区三区四区 | 日韩免费视频一区二区 | 欧美在线观看一区二区 | 91精品国产综合久久国产大片 | 天天干天天干 | 一区二区三区在线 | 在线观看第一页 | 亚洲视频免费在线 | 欧美精品在线免费观看 | 日本 欧美 国产 | 国产成人精品一区二区三区四区 | 日韩在线免费视频 | 欧美综合一区二区三区 |