vue2 在methods里 根据json 动态添加方法

在 Vue 2 中，如果你想根据 JSON 数据动态地在 `methods` 中添加方法，可以先在数据对象 (data) 或者 computed 属性中定义一个函数，该函数会根据给定的 JSON 生成方法，并返回一个新的对象包含这些方法。这里有一个简单的例子：

<template>
  <!-- ... -->
</template>

<script>
export default {
  data() {
    return {
      jsonData: [
        { name: 'method1', callback: () => console.log('Method 1') },
        { name: 'method2', callback: () => console.log('Method 2') },
      ]
    };
  },
  created() {
    this.jsonMethods = this.jsonData.map(item => {
      this[item.name] = item.callback; // 将回调函数绑定到组件实例
      return item.name; // 返回方法名用于后续操作
    });
  },
};
</script>

在上面的例子中，我们有一个 `jsonData` 数组，每个元素都包含了方法名称 (`name`) 和对应的回调函数 (`callback`)。在 `created` 生命周期钩子中，我们遍历这个数组并把每一个方法添加到组件实例的 `methods` 中，同时保留了方法名。

然后在模板中，你可以直接通过方法名来调用这些动态创建的方法：

<button v-for="(methodName, index) in jsonMethods" :key="index" @click="methodName">点击{{ methodName }}</button>