vue 怎么从v-for 调用函数给button 的@click事件

Question

click事件不能动态调用函数， 如下代码， 报错为：
TypeError: _vm.func is not a function
怎么做才可以实现从v-for中动态调用函数给click事件中调用？

         <template slot-scope="scope">
            <el-button v-for="(item,key) in actionbutton" :key="key" :type="item.type" 
              :size="item.size"
              @click="func(item.value)">
             {{ item.label }}
            </el-button>
         </template>

          actionbutton: [
            {label: '查看详情', type: 'text', value: 'showDetails', size: 'mini'},
            {label: '编辑', type: 'primary', value: 'showEditDialog(scope.$index,scope.row)', size: 'mini'},
            {label: '删除', type:'danger', value:'Delfunction(scope.$index,scope.row)', size: 'mini'},
          ],

Answer 1

问题解决，
将actionbutton中的value改成method,既可。

method: (index, row) => {
     this.showEditDialog(index,row)
}

Answer 2

不知道你在js 中，写下面这段代码了吗？ 如果没有是要报错的。

methods: {
  func(val) {
    // 你的代码
  },
}

Answer 3

你的value只是一个字符串。怎么可能会执行呢？

Answer 4

不行？不存在的。TypeError: _vm.func is not a function这句话才是错误的原因而不是你以为的问题。
http://jsfiddle.net/eywraw8t/...

Answer 5

你看看你的组件是不是函数式组件
<template functional>
是的话去除，修改为普通组件