如何解决Django与Vue语法的冲突

当我们在django web框架中,使用vue的时候,会遇到语法冲突.
因为vue使用{{}},而django也使用{{}},因此会冲突.

解决办法1:
在django1.5以后,加入了标签:
{% verbatim myblock %} {% endverbatim myblock %}
被此标签包裹的代码将不会被Django的模板引擎渲染。
因此,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签中间,例如:

<div id="app1">{% verbatim myblock %}{{ message1 }}{% endverbatim myblock %}
</div>

解决办法2:
修改Vue的{{ }} 为{[ ]}

<script>Vue.config.delimiters = ["{[", "]}"]</script>

使用的时候:

<div id="app1">{[ message1 ]}
</div>

即可.

转载于:https://blog.51cto.com/alsww/2050218

如何解决Django与Vue语法的冲突相关推荐

解决Django与Vue的跨域问题
使用django-cors-headers解決Django和vue跨域问题利用Django作为后端,Vue作为前端,进行前后端结合(数据交互)时出现跨域问题,本文介绍后端解决跨域问题的方法,配置后无 ...
解决webstorm中vue语法没有提示
首先看看webstrom内置的vue插件,打上勾,没有这个选项就要自己去下载插件了如果插件还是没有语法提示,可以用下面的方法,自己添加语法进去搜索 unknown HTML tag attribu ...
python django vue_Django+Vue.js构建项目
本文主要讲述如何从0开始,用Django和Vue.js构建一个项目.文章提要:Django与vue.js整合开发原理从头新建一个Django项目新建一个前端页面,使用vue应用在Django中设 ...
django 与 vue 的完美结合
最近接到一个任务,就是用django后端,前段用vue,做一个普通的简单系统,我就是一搞后端的,听到vue也是比较震惊,之前压根没接触过vue.看了vue的一些文档,还有一些项目,先说一下django ...
python3 django html 中文乱码_解决django后台管理界面添加中文内容乱码问题
在学习使用django做一个简单的个人博客项目,通过admin后台添加中文文章内容的时候,遇到中文内容显示乱码的问题. 排除了网上资料中的提到的几个问题: 1.数据上传默认采用的是unicode编码 ...
VS关闭vue语法检测
vue语法爆红,关闭vue语法检测解决方式: vetur.validation.template(语法检测),取消勾选关闭即可.
用uwsgi和nginx 部署 django和vue打造的前后端分离项目
用uwsgi和nginx 部署 django和vue打造的前后端分离项目前言由于现在没有彻底掌握nginx的使用,部署起来有点磕磕绊绊,为了防止以后再次需要部署的时候无法快速找到适合的资料,以此文 ...
python response.json()报错_Django JsonResponse json格式报错解决Django响应JsonResponse返回json格式数据报错问题...
想了解解决Django响应JsonResponse返回json格式数据报错问题的相关内容吗,彭世瑜在本文为您仔细讲解Django JsonResponse json格式报错的相关知识和一些Code实例 ...
iOS解决两个静态库的冲突 duplicate symbol
场景: 解决TencentOpenAPI.framework与ZbarSDK中 _base64_encode 函数的冲突后来在网络上搜寻,删除掉 Other Linker Flag 的 -all_l ...

如何解决Django与Vue语法的冲突

如何解决Django与Vue语法的冲突相关推荐

最新文章

热门文章