将@click 附加到数组元素

Question

我想将@click="method" 添加到数组内的指定元素中。元素显示为li，使用v-for='item in menuItems'

menuItems = [
  { title: 'test1', route: '/test1'}
  { title: 'test2', route: '/test2}
]

这是我尝试做的：

  this.menuItems.forEach((item) => {
     if(item.route === '/test1') {
      item.attr('@click', 'method')
     }
  })

Answer 1

试试这个方法

<li v-for="item in menuItems" @click="method(item)">

method: function(item) { 
    console.log(item.title);
}

完整示例： https://jsfiddle.net/mgzyufq8/