1. 程式人生 > >vue工作中使用總結123

vue工作中使用總結123

1.專案中有一列迴圈出來的li標籤,需要加title屬性,屬性值在迴圈資料內。

html:
<ul>
	<li v-for="(value, key) in items" v-bind:title='value.title'>{{key+1}}.{{ value.title }}</li>
</ul>

Vue:
data: {
    items: [{title:'',val:1},{title:'',val:1}]
}

其中datas是對陣列,value為陣列的每一個值,key為鍵。
使用v-bind可以設定html標籤的屬性,其中就包括了title屬性。