码迷,mamicode.com
首页 > 其他好文 > 详细

Django模板语法和vue语法有冲突

时间:2019-12-27 23:19:51      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:mit   问题   内容   使用   方法   bat   limit   mes   解决方法   

1.解决方案1
在django1.5以后的版本,给出了解决方法,即使用标签{% verbatim myblock %} {% endverbatim myblock %}
例如:

  {% verbatim myblock %}
    <span>Message: {{ msg }}</span>
  {% endverbatim myblock %}

被此标签包裹的内容,django的模板引擎不会对其进行渲染,从而解决语法冲突的问题。

2.解决方案2
修改Vue的{{ }} 为{[ ]},即通过js代码<script>Vue.config.delimiters = ["{[", "]}"]</script>
使用的时候:

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

这样就解决了django模板语法和vue模板语法冲突的问题

Django模板语法和vue语法有冲突

标签:mit   问题   内容   使用   方法   bat   limit   mes   解决方法   

原文地址:https://www.cnblogs.com/ruan-ruan/p/12109807.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!