眼前多少难甘事,自古男儿当自强。这篇文章主要讲述Django模版与vue.js渲染冲突问题相关的知识,希望能为你提供帮助。
【Django模版与vue.js渲染冲突问题】在django
模版中使用vue.js
会出现无法渲染问题,因为django
默认html
渲染使用的是
与vue
的默认方式一致。因此会出现无法渲染问题。?不过不影响vue
的数据绑定如:v-if
v-on
v-mode
v-html
等方式。?
在网上我看到许多办法我亲测下来发现都没有效果,只有以下方式有效。话不多说,直接贴demo代码
from django.shortcuts import render
# Create your views here.
def index(request):
return render(request,"index.html")
< !DOCTYPE html>
< html lang="en">
< head>
< meta charset="UTF-8">
< title> Title< /title>
< script src="https://www.songbingjia.com/static/js/jquery.min.js"> < /script>
< script src="https://www.songbingjia.com/static/js/vue/vue_2.js"> < /script>
< script src="http://img.readke.com/220610/12002L108-2.jpg"> < /script>
< /head>
< body>
< div id="app">
% verbatim %
message
% endverbatim %
< /div>
< /body>
< script>
var app = new Vue(
el: #app,
data:
message: Hello Vue!
)
< /script>
< /html>
推荐阅读
- Kubernetes------YAML
- 《OpenHarmony 3GPP协议开发深度剖析》之--PLMN业务源码解读
- [OpenCV实战]1 基于深度学习识别人脸性别和年龄
- kubernetes-部署helm3
- Yaml文件解析
- 科技向善,“以人为本”将掷地有声!
- 一文详尽 VMWare 多系统安装教程
- centos7 部署confluence7.13.4
- 春眠不觉晓,Redis数据类型知多少(String,List,Set,SortedSet,Hash,Bitmap,HyperLogLogs)