Useful tip, you could also do something like this:
// generate nav links as a list of q-items
<q-list>
<q-item
v-for="(item,id) in items" :key="id"
exact
tag="a"
v-bind="item">
<q-item-section>
<q-item-label>
{{ item.label }}
</q-item-label>
</q-item-section>
</q-item>
</q-list>
And bind all attributes to the item. Binding unused attributes like label usually isn’t a problem, if you wanted could also do:
// the data
data () {
return {
items: [
{ label: 'One', attrs: { to: '/one' } },
{ label: 'Two', attrs: { to: '/two' } },
{ label: 'Bing', attrs: { href: 'http://bing.com', target: '_blank' } }
]
}}
And v-bind="item.attrs"
