初始化方法给用户选择，给dom元素绑定不同的功能，使用eval()函数？

初始化方法给用户选择，给dom元素绑定不同的功能，使用eval()函数？

eval函数具体解释请点击这里

eval("alert('Hello world')")

这样写是可以执行的，将字符串转为方法执行,刚好项目中有个需求，是需要定义一些初始化方法给用户选择，给dom元素绑定不同的功能，我想的是在vue中定义这些方法，将方法名提交给后端，前端请求回数据后，通过eval函数解析字符串方法名

this[eval('请求回来的方法名')]() //失败
this[eval('请求回来的方法名')] //失败
eval(this['请求回来的方法名']()) //失败
eval(this['请求回来的方法名']) //失败

想象很美好，这样写简直完美体现了我的白痴，后来换了种思路，通过混入的方式定义一个初始方法，用户只允许选择方法中定义好的参数（具体怎么显示需要自己设置样式，这里只是思路），dom元素只绑定myFun方法，不过传入的形参是不一样的，这样就实现了给不同dom元素绑定功能不同的方法。

export const mixin = {
  methods: {
    myFun(funName) {
      switch (funName) {
        case 'a':
          () => {
            //   具体执行的操作
          }
          break;
        case 'b':
          () => {
            //   具体执行的操作
          }
          break;
      }
    }
  }
}

之后自己也进行了一些拓展，不仅具体操作不一样，用户还可以自己选择不同类型事件，如click、change、input等等事件，按照这个思路，所有想法应该都是可以实现的。

作者：望野之叶
一名跌跌撞撞的前端小白