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)文章:
主站蜘蛛池模板: 国产精品毛片一区二区在线看 | 日本视频免费 | 91精品国产色综合久久不卡98口 | 天天色图| 成人一级视频在线观看 | 欧美三级久久久 | 在线播放一区二区三区 | 欧美精品一区二区三区在线播放 | gogo肉体亚洲高清在线视 | 国产一区中文字幕 | 国产精品高潮呻吟久久av野狼 | www.午夜| 五月婷婷激情网 | 国产日韩亚洲欧美 | 草草在线观看 | 中文字幕一区二区三区不卡 | 国产精品久久久久久久7777 | 午夜免费精品视频 | 91精品国产91 | 日韩欧美在线一区 | 黄色大片网 | av首页在线| 国产成年人小视频 | 青青草一区二区 | 欧美精品中文 | 四虎最新| 国产 日韩 欧美 在线 | 久久看看 | 日韩高清一区 | 99精品久久 | 精品国产欧美一区二区三区成人 | 久久精品一区 | 在线看日韩 | 色婷婷精品国产一区二区三区 | 国产毛片视频 | 成人一区二区三区在线观看 | 欧美在线视频一区二区 | 怡红院免费的全部视频 | 成人黄色网址大全 | 亚洲精品一区二区三区四区高清 | 久久大 |