如何解决Django与Vue语法的冲突
2017-06-16 16:37
471 查看
问题
我们知道,在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
相关文章推荐
- 如何解决Django与Vue语法的冲突
- Django与Vue语法的冲突问题完美解决方法
- 如何解决学vue 1.0和vue 2.0冲突问题
- AngularJs与Django标签冲突如何解决?
- angularjs 与django标签语法冲突的解决办法
- 如何解决vue与传统jquery插件冲突
- vue之django 和vue语法冲突处理
- 如何在vue里面优雅的解决跨域,路由冲突问题
- 如何解决端口冲突问题
- 如何解决散列表的散列值的冲突问题 [好]
- struts2 迭代器标签iterator嵌套 如何加选择性参数和名称冲突问题的解决
- java 网络编程【7】 如何检测和解决端口冲突问题?
- 如何解决与客户的进度冲突
- 如何解决飞思卡尔芯片使用监控程序产生的冲突问题
- hashmap源码学习,如何查找索引,解决冲突
- 如何检测和解决端口冲突问题?
- screen+minicom,如何解决ctrl+a冲突的问题
- 阿里面试题 hashtable 如何解决冲突
- win 7 遇到闪屏 问题 如何解决??似乎和QQ2009冲突有关
- 如何在 WebSphere 中解决 jar 包冲突