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) 。