详解django模板与vue.js冲突问题
89 浏览量
2020-10-16
17:49:43
上传
评论
收藏 31KB PDF 举报
详解详解django模板与模板与vue.js冲突问题冲突问题
在本文里小编给各位整理了关于django模板与vue.js冲突问题以及实例代码，需要的朋友们参考下。
问题：
django模板与vue.js的变量都是使用“{{”和“}}”包裹起来的，在渲染django模板时会先替代掉所有的“{{”和“}}”及被包裹在其中的内
容，使得vue.js没有使用”{{“、”}}”来绑定变量。
处理方法：
方法方法1：修改：修改vue.js的默认的绑定符号的默认的绑定符号
Vue.config.delimiters = ["[[", "]]"];
执行这个之后，你就可以使用“[[”、“]]”来绑定变量的数据了
方法方法2：使用模板的标签来输出：使用模板的标签来输出“{{”、、“ }}”
django模板的templatetag可以渲染模板时输出模板标签，标签参数及输出如下：
我们可以在模板中用
{% templatetag openvariable %}
{% templatetag closevariable %}
来替代”{{“、”}}”
方法方法3：禁用：禁用django模板渲染模板渲染
django标签 verbatim可以使包裹其中的代码不进行渲染保持原样输出
{% verbatim %}
{{ vue }}
{% endverbatim %}
我们可以在需要用于vue.js的地方使用{% verbatim %} {% endverbatim %}包裹。
资源评论
