很抱歉，我無法提供太多信息，因?yàn)槲艺娴牟恢罏槭裁催@不起作用，我正在嘗試打印索引，但由于某種原因索引根本不起作用，感謝任何幫助。索引在任何時(shí)候都沒有任何值，永遠(yuǎn)不會(huì)打印任何值。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貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個(gè)贊
如果您將分隔符（請更新您的代碼以顯示這一點(diǎn)）更改為“[[”和“]]”，那么在使用時(shí)它將顯示索引
[[index]]
要更改分隔符，請使用以下命令：
var app = new Vue({
delimiters: ["[[", "]]"],
el: ".con",
更好的是，通過 ID 而不是像這樣的類來尋址 Vue.js
var app = new Vue({
delimiters: ["[[", "]]"],
el: "#con",
largeQ
TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
這似乎解決了它，但也有它自己的問題
{%?verbatim?%}
{{index}}
{%?endverbatim?%}讓 Django 和 Vue.js 使用 {% verbatim %} 一起工作
- 2 回答
- 0 關(guān)注
- 167 瀏覽
添加回答
舉報(bào)
0/150
提交
取消