很抱歉,我無法提供太多信息,因為我真的不知道為什么這不起作用,我正在嘗試打印索引,但由于某種原因索引根本不起作用,感謝任何幫助。索引在任何時候都沒有任何值,永遠不會打印任何值。HTML頁面{% extends 'blog/base.html' %}{% block content %}{% load static %}<form method="post"> {% csrf_token %} <div class="con"> <button type="button" name="button" @click='addHead()'> header </button> <button type="button" name="button" @click='addPara()'> Para </button> <div id="body-fields"> <div class="car-body" v-for="(post, index) in posts"> <div name='count'> {{index}} </div> <input type="textbox" v-bind:name='[post.type]' v-model='post.content'> <span style="float:right;background-color:green" @click='removeForm(index)'> x </span> </div> </div> <input type="submit" vaule="save"/> </div></form> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="{% static 'blog/JS/main.js'%}" type="text/javascript"></script> {% endblock content %}Vue.js 頁面var app= new Vue({ el: '.con', data:{ posts: [ { content:'', type:'title' } ], }, methods:{ addHead(index){ this.posts.push({ content:'', type:'header', }) }, addPara(index){ this.posts.push({ content:'', type:'para', }) }, removeForm(){ this.posts.splice(index, 1) } }})
2 回答

慕容森
TA貢獻1853條經驗 獲得超18個贊
如果您將分隔符(請更新您的代碼以顯示這一點)更改為“[[”和“]]”,那么在使用時它將顯示索引
[[index]]
要更改分隔符,請使用以下命令:
var app = new Vue({
delimiters: ["[[", "]]"],
el: ".con",
更好的是,通過 ID 而不是像這樣的類來尋址 Vue.js
var app = new Vue({
delimiters: ["[[", "]]"],
el: "#con",

largeQ
TA貢獻2039條經驗 獲得超8個贊
這似乎解決了它,但也有它自己的問題
{%?verbatim?%} {{index}} {%?endverbatim?%}
讓 Django 和 Vue.js 使用 {% verbatim %} 一起工作
- 2 回答
- 0 關注
- 154 瀏覽
添加回答
舉報
0/150
提交
取消