如何解決內(nèi)部屬性中的插值已被刪除。使用v-bind還是結(jié)腸速記？我的vue組件是這樣的：<template>     <div>         <div class="panel-group" v-for="item in list">             ...             <div class="panel-body">                 <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne">                     Show                 </a>             </div>             <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel">             ...             </div>         </div>     </div></template><script>     export default {         ...         computed: {             list: function() {                 return this.$store.state.transaction.list             },             ...         }     }</script>執(zhí)行時(shí)，會(huì)出現(xiàn)如下錯(cuò)誤：Vue模板語(yǔ)法錯(cuò)誤：id =“purchase - {{item.id}}”：已移除內(nèi)部屬性內(nèi)插。改為使用v-bind或冒號(hào)。我該如何解決？