如何解决Django与Vue语法的冲突
来源:互联网 发布:淘宝店铺经营策略 编辑:程序博客网 时间:2024/06/05 07:47
问题
我们知道,在Vue中使用{{ }},在Django的模板中使用的也是{{ }},若在模板中即使用Vue也使用Django,就会引起冲突,该如何解决这种冲突呢?
解决方法
方法一:使用verbatim标签解决冲突
自Django1.5以来,加入了 {% verbatim myblock %} {% endverbatim myblock %}标签,被此标签包裹的代码将不会被Django的模板引擎渲染。这样以来,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签里,如下所示:
<div id="app"> {% verbatim myblock %} {{ message }} {% endverbatim myblock %}</div>
方法二:修改Vue的{{ }} 为{[{ }]}
Vue.config.delimiters = [“{[{“, “}]}”];
参考资料:
https://docs.djangoproject.com/en/1.11/ref/templates/builtins/#verbatim
https://my.oschina.net/soarwilldo/blog/755984
阅读全文
2 0
- 如何解决Django与Vue语法的冲突
- AngularJs与Django标签冲突如何解决?
- 解决angular 与django的冲突
- vue之django 和vue语法冲突处理
- zepto与jquery还有vue的冲突解决
- 解决Django与AngularJS模板冲突的设置
- 如何解决学vue 1.0和vue 2.0冲突问题
- 解决vue样式冲突的问题
- 解决 Django + Vue 的一些问题
- 如何在vue里面优雅的解决跨域,路由冲突问题
- 如何解决金山词霸与卡巴斯基的冲突问题
- 如何解决DrawerLayout与Viewpager的滑动冲突
- 如何解决SpringBoot与ODataJClient版本冲突的问题?
- scrollview与手势冲突如何解决
- scrollview与手势冲突如何解决
- django 版本冲突 -未解决
- Git 冲突是如何产生的及如何解决冲突?
- Django和Angular.js模板标签冲突的解决方式
- JVM 垃圾回收
- Spherical linear interpolation for Quaternions 2(四元数的球面插值计算,另一种方式)
- 【剑指offer】题11:数值的整数次方
- hgfhfdgfdgfdh
- Java提高篇——equals()与hashCode()方法详解
- 如何解决Django与Vue语法的冲突
- JAVA之String,StringBuffer与StringBuilder三者之间的区别
- 欢迎使用CSDN-markdown编辑器
- C++标准库中的数学函数。
- mysql Explain详解,优化sql的时候查看sql性能瓶颈
- C++宏定义详解
- 总结OnOK、OnCancel、OnDestroy函数之间的区别
- 利用JS-XLSX插件 用JS读取excel数据
- 初学者的Selenium自动化测试指南,基于Python(四)——常用鼠标事件