VUE如何将方法名字作为变量进行调用

更新时间：2023年10月19日 10:29:40 作者：前端ironFive

这篇文章主要介绍了VUE如何将方法名字作为变量进行调用问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue将方法名字作为变量进行调用

核心方法

applicationClick(methodsName){
                this.$options.methods[methodsName]()
            },

将方法名字作为参数

vue一个方法调用另一个方法的变量

先将需要的值在点击事件中传进来

<el-button type="primary" size="small" @click="handleUpdate(itemSon.userId)">修改照片</el-button>

在data中定义空值

id: null;

在方法中接收所传参数

        handleUpdate(e) {
            this.reset();
            this.open = true;
            this.id = e;//将e保存到id内
        }

在其他方法中直接调用this.id就可以拿到了。

简而言之就是将数据保存到data内。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

浅谈vuex actions和mutation的异曲同工
这篇文章主要介绍了浅谈vuex actions和mutation的异曲同工，详细的介绍了actions和mutation的使用和区别，非常具有实用价值，需要的朋友们下面随着小编来一起学习学习吧
2018-12-12
vue中用 async/await 来处理异步操作
这篇文章主要介绍了vue中用 async/await 来处理异步操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
vue的自定义指令传参方式
这篇文章主要介绍了vue的自定义指令传参方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-05-05
Vue手写实现异步更新详解
这篇文章主要介绍了Vue手写实现异步更新详解，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下，希望对你的学习有所帮助
2022-08-08
vue在 for 循环里使用异步调用 async/await的方法
大家都遇到这样的问题,在使用函数的async/await异步调用时候,放在正常函数中单个调用时没有问题的,但是await放在forEach()循环里面就会报错,本文给大家介绍vue 如何在 for 循环里面使用异步调用 async/await,感兴趣的朋友一起看看吧
2023-10-10
vue实现PC端分辨率适配操作
这篇文章主要介绍了vue实现PC端分辨率适配操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
vite+vue3.0+ts+element-plus快速搭建项目的实现
本文将结合实例代码，介绍vite+vue3.0+ts+element-plus快速搭建项目的实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
详解mpvue scroll-view自动回弹bug解决方案
设置了scroll-top的scroll-view组件，在组件所在vue实例data发生改变时会自动回弹到最上方，非常具有实用价值，需要的朋友可以参考下
2018-10-10
vue3.0中sass全局的使用过程
这篇文章主要介绍了vue3.0中sass全局的使用过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
详解如何更好的使用module vuex
这篇文章主要介绍了详解如何更好的使用module vuex，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-03-03