将@click附加到数组元素

时间:2018-05-03 11:22:09

标签: javascript vue.js

我想将@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')
     }
  })

1 个答案:

答案 0 :(得分:2)

试试这种方式

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

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

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