так:
                  
                  
                  <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 какие-то угодно могут быть или это просто более-менее статическое меню?
Обсуждают сегодня