解決Jinja2與Vue.js的模板沖突

RazgrizHsu 8年前發布 | 15K 次閱讀 Vue.js Vue.js開發 Flask

主要思路是通過修改Jinja2的配置，讓他只渲染之間的數據，注意空格，而Vue.js處理不加空格的模板。

操作：

app.jinja_env.variable_start_string = '{{ '
app.jinja_env.variable_end_string = ' }}'

我這個項目中還使用了flask-bootstrap作為模板，不幸的是，flask-bootstrap使用的大括號都沒加空格，導致頁面渲染時出現問題。所以我將flask-bootstrap源碼進行了修改，安裝時，只要用我的數據源安裝即可git+https://github.com/Panmax/flask-bootstrap.git就醬~

 

來自：http://panmax.love/2016/%E8%A7%A3%E5%86%B3jinja2%E4%B8%8EVue-js%E7%9A%84%E6%A8%A1%E6%9D%BF%E5%86%B2%E7%AA%81/

 

 本文由用戶 RazgrizHsu 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！