[英]Django js variable issue
我該如何解決我的問題?
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
</head>
<body>
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>
<script>
var demo = new Vue({
el: '#demo',
data: {
message: 'Hello Vue.js!'
}
});
</script>
</body>
</html>
可以正常工作,但是:
<html>
<head>
<meta charset="utf-8">
{% load static %}
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script type="text/javascript" src="{% static 'index/script.js'%}"></script>
</head>
<body>
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>
</body>
</html>
瀏覽器顯示“ {{message}}”。 你能幫助我嗎? 我對.js文件有問題,包括。
JS文件:var demo = new Vue({el:'#demo',data:{消息:'Hello Vue.js!'}})
初始化Vue
,尚未加載DOM。 嘗試將腳本移到body
末尾:
<html>
<head>
<meta charset="utf-8">
{% load static %}
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
</head>
<body>
<div id="demo">
<p>{% verbatim %}{{message}}{% endverbatim %}</p>
</div>
<script type="text/javascript" src="{% static 'index/script.js'%}"></script>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.