gpt4 book ai didi

javascript - VueJs 数据不会显示

转载 作者:行者123 更新时间:2023-11-30 11:20:40 26 4
gpt4 key购买 nike

我使用 Django 和 VueJs。

我尝试在 Django 模板中使用 Vue,但是当尝试从我的脚本中显示数据时,什么也没有出现。

这是我的 html 文件:

{% load static %}
<body>
<p>No polls are available.</p>
<div id="app">
{{message}}
</div>
<script src="{% static "app.js" %}" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js">
</script>
</body>

在我的 app.js 中:

new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

我的脚本已加载,但你好 Vue!不会出现。

最佳答案

似乎 Vue JS 分隔符 {{ & }} 与 jinja 模板分隔符崩溃了。解决方案只是更改分隔符。

new Vue({
delimiters : ['[[',']]'],
el: '#app',
data: () => {
return {
message: "hello world"
}
}
})

这里我将分隔符更改为 [[ & ]]。所以,你可以像这样使用它:

<div id="app">[[message]]</div>

关于javascript - VueJs 数据不会显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49948261/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com