在vue3中用typescript用reactive定义的变量值调函数？

作者站长头像
站长
· 阅读数 10

如我定义了两个接口分别是add和edit，我调用哪一个是通过一个变量来实现的，如let apiType=''

我中间会赋值给apiType，不是'add'就是'edit'在vue2中我可以直接[this.apiType]就能调取到add或edit接口，可以在vue3我用了reactive,这样的话我要怎么实现。。？？如下：

TypeError: [data.addEditType] is not a function

data.addEditType是reactive定义的响应式变量

回复
1个回答
avatar
test
2024-07-11
const addTest = () => {
  //
};
const editTest = () => {
  //
};
const dataTest = reactive({
  apiType: "add",
  add: addTest,
  edit: editTest,
});

dataTest[dataTest.apiType]();
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容