javascript - Vue.js - 在方法函数内的 console.log 对象中插入数据值的最佳实践？

Question

如何将嵌套数组中的文本字符串插入 console.log()？

例子:

<template>
  <div id="myNavigation">
    <div
      class="button_link"
      v-for="(click) in items"
      :key="item.click"
    >
      <div
        class="home-navigation-item-component left-panel selected"
        @click="click = menuClickNavigation(click)"
      >
        {{ item.click }} <!-- Should show the data string -->
      </div>
    </div>

  </div>

</template>

<script>
export default {
  data: () => ({
    items: [
      { click: 'click one' /* I want this to interpolate to console.log */ },
      { click: 'click two' /* This text string should show when a different element is clicked */ }
    ]
  }),
  methods: {
    menuClickNavigation (click) {
      this.click = (this.items.click)
      console.log(this.items.click) /* How to interpolate the items.click value? I want it to display "click one" in the console log function. */
    },
}
</script>

控制台日志显示带有当前代码的 undefined，因为它没有插值到嵌套数组中所需的数据值文本字符串。使用文本字符串更改插值方法(目前不起作用，因为我不知道如何让它起作用)，我得到了 console.log() 中的任何内容，但我想要console.log 在嵌套的项目数组中插入相应的文本字符串。

这有意义吗？

Answer 1

您不是要从 items 数组访问值“click”吗？我认为您应该使用 console.log(this.items[0].click)。