您的位置:首页 > 产品设计 > UI/UE

Django模板与Vue.js冲突问题

2016-12-29 23:43 876 查看
参考:
https://my.oschina.net/soarwilldo/blog/755984

方法1:修改vue.js的默认的绑定符号

Vue.config.delimiters = ["[[", "]]"];

执行这个之后,你就可以使用“[[”、“]]”来绑定变量的数据了

方法2:使用模板的标签来输出“{{”、“ }}”

django模板的
templatetag
可以渲染模板时输出模板标签,标签参数及输出如下:

参数输出
openblock
{%
closeblock
%}
openvariable
{{
closevariable
}}
openbrace
{
closebrace
}
opencomment
{#
closecomment
#}
我们可以在模板中用

{% templatetagopenvariable %}
{% templatetagclosevariable %}

来替代"{{"、"}}"

方法3:禁用django模板渲染

django标签 verbatim可以使包裹其中的代码不进行渲染保持原样输出

{% verbatim %}
{{ vue }}
{% endverbatim %}

我们可以在需要用于vue.js的地方使用{% verbatim %} {% endverbatim %}包裹。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: