Django模板与Vue.js冲突问题
2016-12-29 23:43
876 查看
参考:
https://my.oschina.net/soarwilldo/blog/755984
执行这个之后,你就可以使用“[[”、“]]”来绑定变量的数据了
我们可以在模板中用
来替代"{{"、"}}"
我们可以在需要用于vue.js的地方使用{% verbatim %} {% endverbatim %}包裹。
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 %}包裹。
相关文章推荐
- django模板与vue.js冲突问题
- 解决vue.js 模板和jinja 模板冲突问题
- AngularJs和django的模板冲突问题解决
- vue.js在laravel框架模板文件中引入失败问题
- Django与Vue语法的冲突问题完美解决方法
- vue django模板符号冲突
- 解决AngularJS和Django模板标签冲突问题
- Python中使用django框架进行web开发,模板中无法导入css、js和图片的问题解决
- 【Electron】Electron开发中,与部分jQuery/angularjs/vuejs等外链冲突的问题
- 解决AngularJS和Django模板标签冲突问题
- Django和Angular.js模板标签冲突的解决方式
- Django和Angular.js模板标签冲突的解决方式
- 关于js在有模板的页面中如何取值问题?
- python2.7的config parser与django的启动参数argv冲突问题
- django1.4设置模板路径和CSS,JS,image等路径的方法
- 解决一个js冲突问题
- Django1.4关于静态文件(css.js等)和模板路径的配置
- 关于DWZ中js函数冲突的问题
- 解决ecshop的transport.js跟jquery冲突问题
- js不完美解决click和dblclick事件冲突问题