zoukankan      html  css  js  c++  java
  • Django模板与Vue.js冲突问题

    参考:

    • https://my.oschina.net/soarwilldo/blog/755984

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

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

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

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

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

    参数输出
    openblock {%
    closeblock %}
    openvariable {{
    closevariable }}
    openbrace {
    closebrace }
    opencomment {#
    closecomment #}

    我们可以在模板中用

    {% templatetag openvariable %} 
    {% templatetag closevariable %}

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

    方法3:禁用django模板渲染

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

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

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

  • 相关阅读:
    一些开发中用到的注解
    ios下设置user-scalable=no无效
    git的使用
    mongoose操作
    mongodb常用命令
    node express安装
    弹窗
    css实现全图滚动
    前端小技巧
    实现移动端轮播图
  • 原文地址:https://www.cnblogs.com/flowjacky/p/6235341.html
Copyright © 2011-2022 走看看