javascript - 如何在此处使用 Find()：Vue.js

Question

我有一些菜单。菜单属性在 data()

像这样：

buttonMenu: [{
        id: 1,
        isActive: true,
        title: 'Payment Method ID'
      }, {
        id: 2,
        isActive: false,
        title: 'Payment Method Title'
      }
]

打印这些菜单v-for

像这样：

<ul class="ulOrder">
   <li
      v-for="(btnMenu, index) in buttonMenu"
         :key="index"
         class="filter-item float-left"
         :class="{ 'active-class' : btnMenu.id == isActive }"
         @click="changeActive(btnMenu.id)"
      >
      {{ btnMenu.title }}
   </li>
</ul>

现在我想在另一个地方打印菜单标题，它现在是活动的。

我正在尝试方法：

changeActive(id) {
      console.log(id)
      this.isActive = id

      let item = this.buttonMenu.find((item) => item.id = id)
      this.subTitle = item.title
}

但这给了我错误。两者都活跃！！！！

标签： javascriptvue.js

Answer 1

更改=为==。

let item = this.buttonMenu.find((item) => item.id == id)