How to intercept the exported value from the vue array for insertion into the js code?

Question

Vue.js

Please tell me how to "pull" the value from the vue array and insert it into the js code, in the right (marked) place? In html everything works, but in js it displays an error. I rummaged through the Internet, but did not find anything like it.

<template>
      <v-app>
    .
    .
    .
              <v-list>
                <v-list-tile
                  v-for="(item, index) in menuItems"
                  :key="index"
                  :href="'/'+item.locale"   <!-- тут экспортируемое значение item.locale нормально работает -->
                  @click="buttonClick"
                >
                  <v-list-tile-title>{{ item.title }}</v-list-tile-title>
                </v-list-tile>
              </v-list>
    .
    .
    .
      </v-app>
    </template>

// импортируем библиотеку tiny-cookie
      import { getCookie, setCookie } from 'tiny-cookie'

      export default {
        data: () => ({
          dialog: false,
          drawer: null,
          menuItems: [
            { locale: 'ru', title: 'Русский' },
            { locale: 'en', title: 'English' },
            { locale: 'ko', title: '한국어' }
          ],
        }),
        methods:{
          buttonClick: function() {

            // пишем локаль в кукисы
            const flag = true
            setCookie('flag', flag)
            setCookie('language', item.locale ) // сюда нужно вставить, но item.locale выдает ошибку
          }
        },
        props: {
          source: String
        }
      }

Answer 1

<v-list>
                <v-list-tile
                  v-for="(item, index) in menuItems"
                  :key="index"
                  :href="'/'+item.locale"   <!-- тут экспортируемое значение item.locale нормально работает -->
                  @click="buttonClick(index)"
                >
                  <v-list-tile-title>{{ item.title }}</v-list-tile-title>
                </v-list-tile>
              </v-list>

buttonClick: function(index) {

            // пишем локаль в кукисы
            const flag = true
            setCookie('flag', flag)
            setCookie('language', this.menuItems[index].locale ) // сюда нужно вставить, но item.locale выдает ошибку
          }

Answer 2

Alexey, so here's where - v-for="(item, index) in menuItems" ... Works in html tags,
but not in script.