我是 vue、inertia 和 laravel 的新手。
但是我被卡住了,即使我嘗試搜索谷歌并查看視頻,也無法弄清楚問題是什么。
我有這個代碼
<div v-for="(seed, index) in seeds" :key="index">
Id {{ seed.id }} <inertia-link :href="'/fert/' '{{ seed.id }}'">Go to seed</inertia-link>
</div>
鏈接外的第一個 {{ seed.id }} 看起來很棒,它顯示了實際的 id。但是,鏈接格式中的 {{ seed.id }} ,因此鏈接顯示:
Id 1<a href="/fert/{ seed.id }">Go to seed</a>
為什么它在鏈接內部而不是外部格式化?以及如何修復它?
提前致謝,是的,我很菜鳥。對不起
uj5u.com熱心網友回復:
您不應在屬性值中使用花括號。使用 :[attribute-name] 已經告訴 Vue 你將在 value 中使用一些 JS 運算式
:href="'/fert/' seed.id"
uj5u.com熱心網友回復:
您不應在鏈接中使用花括號。將 vars 與文本連接的更好方法是使用帶反引號的模板文字 ES6
<inertia-link :href="`/fert/${seed.id}`">Go to seed</inertia-link>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/402141.html
