vue中实现methods一个方法调用另外一个方法

更新时间：2018年02月08日 10:18:43 作者：zj张静

下面小编就为大家分享一篇vue中实现methods一个方法调用另外一个方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue在同一个组件内；

methods中的一个方法调用methods中的另外一个方法

可以在调用的时候 this.$options.methods.test2();

this.$options.methods.test2();一个方法调用另外一个方法；

new Vue({ 
 el: '#app', 
 data: { 
  test:111, 
 }, 
 methods: { 
  test1:function(){ 
   alert(this.test) 
  }, 
  test2:function(){ 
   alert("this is test2") 
   alert(this.test) //test3调用时弹出undefined 
  }, 
  test3:function(){ 
   this.$options.methods.test2();//在test3中调用test2的方法 
  } 
 } 
})

以上这篇vue中实现methods一个方法调用另外一个方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue-seamless-scroll 实现简单自动无缝滚动且添加对应点击事件的简单整理
vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件, 基于requestAnimationFrame实现,配置多满足多样需求，目前支持上下左右无缝滚动，单步滚动，及支持水平方向的手动切换功能，本节介绍，vue添加 vue-seamless-scroll实现自动无缝滚动的效果，并对应添加点击事件
2023-01-01
vue+canvas实现拼图小游戏
这篇文章主要为大家详细介绍了vue+canvas实现拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
在Vue3中使用vue-qrcode库实现二维码生成的方法
在Vue3中实现二维码生成需要使用第三方库来处理生成二维码的逻辑,常用的库有 qrcode和 vue-qrcode,这篇文章主要介绍了在Vue3中使用vue-qrcode库实现二维码生成,需要的朋友可以参考下
2023-12-12
vue实现自定义日期组件功能的实例代码
这篇文章主要介绍了vue自定义日期组件的实现代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-11-11
vue3 $attrs和inheritAttrs的用法说明
这篇文章主要介绍了vue3 $attrs和inheritAttrs的用法说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
Vue3 defineExpose要在方法声明定义以后使用的教程
这篇文章主要介绍了Vue3 defineExpose要在方法声明定义以后使用的教程,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-02-02
element-ui复杂table表格动态新增列、动态调整行以及列顺序详解
这篇文章主要给大家介绍了关于element-ui复杂table表格动态新增列、动态调整行以及列顺序的相关资料,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
2023-08-08
Vue2.2.0+新特性整理及注意事项
本文是小编精心给大家收藏整理的关于Vue2.2.0+新特性,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08
基于Vue实现Excel解析与导出功能详解
导入导出excel这是前端做管理系统最常用的功能了,下面这篇文章主要给大家介绍了基于Vue实现Excel解析与导出功能的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2021-08-08
Vue Router组合布局用法详解
今天我们用一种新的布局方式，使用路由视图来实现布局样式，本文将给大家介绍如何使用Vue Router组合布局，文中有详细的代码示例供大家参考，感兴趣的同学可以跟着小编一起学习
2023-05-05