我需要使用 VUE.js 在 v-for 回圈中添加一個鏈接，專案的數量可以是 1 - 5。但是；href 需要是來自 web api 呼叫的回傳值才能知道 url。我有
<div v-for="objGrant in obj.GrantListData" :key="objGrant.NCI_GrantList" >
<b>Grant Support:<a class="nav-link"
v-bind:href= {{load_NIH_Reporter(objGrant.GrantID)}}
target='_blank'
aria-label= 'Support' >{{ objGrant.GrantID }}</a></b>
</div>
但我得到一個錯誤：
'v-bind' 指令需要一個屬性值。
load_NIH_Reporter 需要呼叫 WEB API 傳入一個 ID 來獲取正確的 URL。還是有更好的方法來做到這一點？如果頁面上唯一的鏈接變為活動狀態并僅在單擊后才呼叫 WEB API，我不會有問題。
uj5u.com熱心網友回復：
將值系結到屬性的正確語法是：
:attr="value"
并且不建議將方法用作值，特別是如果它們進行異步呼叫，則需要在某個生命周期或觀察者中向物件添加屬性。
或者您可以將該方法系結為事件處理程式：
<a class="nav-link" @click.prevent="load_NIH_Reporter(objGrant.GrantID)"
aria-label= 'Support' >{{ objGrant.GrantID }}</a>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/504885.html
標籤：javascript Vue.js
上一篇：百分比變化計算器無法多次作業
下一篇：用正則運算式匹配一組特定的字串