так:
<template>
...
<li v-for="item in items" :key="item.title" @click="dynamicMethods[item.method]()">
</li>
...
</template>
<script>
...
data: (that) => ({
items: [
{ title: 'Users', icon: 'mdi-account-group-outline', method: 'sayHello' },
{ title: 'Shake auth', icon: 'mdi-hand', method: 'shakeAuth' },
],
dynamicMethods: {
sayHello: () => { console.log('sayHello') },
shakeAuth: () => {that.$store.dispatch('shakeAuth')},
}
}),
...
</script>
Может есть какой-то более Вью-нативный способ? А то выглядит не очень. Хотя работает.
items какие-то угодно могут быть или это просто более-менее статическое меню?
Обсуждают сегодня