亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue.js 中未打印索引金額

Vue.js 中未打印索引金額

米琪卡哇伊 2023-08-21 17:54:54
很抱歉,我無法提供太多信息,因為我真的不知道為什么這不起作用,我正在嘗試打印索引,但由于某種原因索引根本不起作用,感謝任何幫助。索引在任何時候都沒有任何值,永遠不會打印任何值。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",


查看完整回答
反對 回復 2023-08-21
?
largeQ

TA貢獻2039條經驗 獲得超8個贊

這似乎解決了它,但也有它自己的問題

{%?verbatim?%}
{{index}}
{%?endverbatim?%}

讓 Django 和 Vue.js 使用 {% verbatim %} 一起工作


查看完整回答
反對 回復 2023-08-21
  • 2 回答
  • 0 關注
  • 154 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號