发布网友 发布时间:2022-04-30 22:05
共2个回答
懂视网 时间:2022-05-14 23:56
这篇文章主要介绍了Django与Vue语法的冲突问题完美解决方法,本文给大家分享了两种解决方法,需要的朋友参考下吧当我们在django web框架中,使用vue的时候,会遇到语法冲突.
因为vue使用{{}},而django也使用{{}},因此会冲突.
解决办法1:
在django1.5以后,加入了标签:
{% verbatim myblock %} {% endverbatim myblock %}
被此标签包裹的代码将不会被Django的模板引擎渲染。
因此,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签中间,例如:
<p id="app1"> {% verbatim myblock %} {{ message1 }} {% endverbatim myblock %} </p>
解决办法2:
修改Vue的{{ }} 为{[ ]}
<script>Vue.config.delimiters = ["{[", "]}"]</script>
使用的时候:
<p id="app1"> {[ message1 ]} </p>
ps:vue之django 和vue语法冲突处理
修改vue.js的默认的绑定符号
vue2.0已经废弃这种写法:
Vue.config.delimiter=['[[',']]'];
正确姿势:
var vm = new Vue({ delimiters:['[[', ']]'], el:'#box', data:{ arr:['apple','pear','grape'] }, methods:{ add:function () { this.arr.push('tomato') } } })
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
在vue中如何使用cdn优化
在js中如何实现判断文件类型大小
在js中如何实现登录需要滑动验证
在Angular中如何实现下拉框模糊查询功能
在Nodejs中有关crypto模块安全知识(详细教程)
在angularjs中如何实现分页和搜索功能
热心网友 时间:2022-05-14 21:04
部分冲突,毕竟都是语言类,有部分的相似,但是肯定有不同