溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何解決Django與Vue語法的沖突

發(fā)布時間:2020-07-13 04:36:06 來源:網(wǎng)絡 閱讀:2911 作者:alsww 欄目:開發(fā)技術

當我們在django web框架中,使用vue的時候,會遇到語法沖突.
因為vue使用{{}},而django也使用{{}},因此會沖突.

解決辦法1:
在django1.5以后,加入了標簽:
{% verbatim myblock %} {% endverbatim myblock %}
被此標簽包裹的代碼將不會被Django的模板引擎渲染。
因此,我們可以把帶有{{ }} 的Vue代碼放在 {% verbatim myblock %}標簽中間,例如:

<div id="app1">
    {% verbatim myblock %}
        {{ message1 }}
    {% endverbatim myblock %}
</div>

解決辦法2:
修改Vue的{{ }} 為{[ ]}

<script>Vue.config.delimiters = ["{[", "]}"]</script>

使用的時候:

<div id="app1">
    {[ message1 ]}
</div>

即可.

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI