我需要將名字系結到每個 LI 專案的替代文本。不明白有什么問題。有人可以幫幫我嗎？謝謝！
html：
<div id = name> <label for = "firstName">First Name:</label> <input type = "text" id = "firstName" v-model = "firstName"> <br><ol><li v-for = "food in foods" :key = "food.id" :alt = "firstName">{{food.text}}</li></ol></div>
Vue.js：
var name = new Vue({el: "#name",data:{firstName: "lee",foods: [{id:0, text:"pizza"}, {id:1, text:"ice cream"}, {id:2, text:"sushi"}})
uj5u.com熱心網友回復：
您可以在 LI 上添加這樣的條件，以在 food.text 不可用時將名字顯示為替代文本。
<div id = name>
<label for = "firstName">First Name:</label>
<input type = "text" id = "firstName" v-model = "firstName"> <br>
<ol>
<li v-for = "food in foods" :key = "food.id" >{{food && food.text ? food.text : firstName}}</li>
</ol>
</div>
uj5u.com熱心網友回復：
alt通常用作影像的替代文本。如果要為每次<li>使用顯示工具提示title：
<div id="name">
<label for="firstName">First Name:</label>
<input type = "text" id = "firstName" v-model = "firstName"><br>
<ol>
<li v-for = "food in foods" :key = "food.id" :title = "firstName">
{{food.text}}
</li>
</ol>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/370460.html
標籤：Vue.js