如何在遍历情况下给button赋不同的click事件

遍历key值,传对应的key

<template>
  <div>
    <template
      v-for="(item, key) in list"
      :key="key"
    >
      <el-button
        :class="'handle-' + key"
        @click="handle(key)"
      >{{item}}</el-button>
    </template>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: {
        edit: '编辑',
        delete: '删除',
      },
    };
  },
  methods: {
    handle(type) {
      let fn = `this.handle${type}()`;
      eval(fn);
    },
    handleedit() {
      console.log('edit');
    },
    handledelete() {
      console.log('delete');
    },
  },
};
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。