django 渲染模板与 vue 的 {{ }} 冲突解决方法

kirin

发布于 2020-10-30 10:41:03

1.8K0

文章被收录于专栏：Kirin博客Kirin博客

如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分，可有 2 种方式解决

采用 vue 的 delimiters 分隔符。

new Vue({
  delimiters: ["{[", "]}"] // 可自定义符号
})

建议把 vue 的部分用 {% verbatim %} 包起来。

{% verbatim %}
        <div>{{ text }}</div>
{% endverbatim %}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/10/28 ，如有侵权请联系 cloudcommunity@tencent.com 删除