簡體   English   中英

Django JS變量問題

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM