解决 Django 渲染模板 与 Vue {{ }} 冲突

如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分,出现冲突的两种解决方法:方法一:建议把 vue 的部分用 {% verbatim %} 包起来。详见:https://docs.djangoproject.com/en/2.2/ref/templates/...

如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分,出现冲突的两种解决方法: 方法一:
  • 建议把 vue 的部分用 {% verbatim %} 包起来。详见:https://docs.djangoproject.com/en/2.2/ref/templates/builtins/#verbatim
{% verbatim %}
    <div>{{ text }}</div>
{% endverbatim %}

 

方法二:

  • 采用 Vue 的 delimiters 分隔符。
new Vue({
  delimiters: ["{[", "]}"] // 可自定义符号
})

 

本文标题为:解决 Django 渲染模板 与 Vue {{ }} 冲突

基础教程推荐