我想在Django模板中使用Vue.js.一个这样的模板如下:
{% load static %}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="myApp">
<span>Hello [[ message ]]</span>
<div id="map"></map>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="https://v1.vuejs.org/js/vue.js"></script>
<script src="{% static 'js/script.js' %}"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=KEY&callback=initMap"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我将Vue的插值分隔符更改为[[]]以避免与Django冲突.我script.js看起来如下:
$(function() {
var app = new Vue({
el: '#myApp',
delimiters: ['[[', ']]'],
data: {
message: 'Hello, world!'
}
});
});
Run Code Online (Sandbox Code Playgroud)
不幸的是,HTML呈现包含[[ message ]].还有其他人遇到过类似的问题吗?
不知道为什么会返回以下内容false。第二个参数中指定的格式正是我在初始化 Bootstrap Datetimepicker 时指定的格式。
moment('Fri 5 Jan, 2018 - 05:00 PM', 'ddd d MMM, YYYY - hh:mm A').isValid()
Run Code Online (Sandbox Code Playgroud)
我试图将第一个参数中的日期时间转换为YYYY-MM-DD HH:mm格式,但moment不断返回无效日期错误。