Vue2 methods 箭头函数获取不到this解决办法

原创

humorchen 2021-07-05 17:54:20 ©著作权

文章标签 JavaScript 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者humorchen的原创作品，请联系作者获取转载授权，否则将追究法律责任

之前的代码

this 为undefined

methods:{
         loadExaminationList:async ()=>{
         //your code
         }
     }

改动箭头函数为function

methods:{
         loadExaminationList:async function(){
         //your code
         }
     }

即可使用this

上一篇：Vue3 vue.config.js修改启动端口号

下一篇：Vue2 VueRouter 路由配置（并设置为history模式，去除#）

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Vue 多个服务的路由配置在 vue.config.js 里面怎么写

在 Vue 项目的 vue.config.js 文件中，你不能直接配置路由服务，因为这个文件主要用于配置 Webpack 和开发服务器等项目设置。路由配置通常是在 Vue 项目的代码中设置的，例如在 router/index.js 文件中。不过，如果你需要配置多个服务（即不同的 API 服务或代理服务），你可以在 vue.config.js 文件中设置代理。以下是如何配置多个代理服务的示例：示例代

Vue ios 路由配置
vue 中钩子函数都有哪些

在 Vue.js 中，钩子函数（生命周期钩子）是 Vue 实例在其生命周期中的不同阶段调用的特殊方法。以下是 Vue.js 中常用的生命周期钩子函数：1. beforeCreate调用时机：在实例初始化之后，数据观测和事件配置之前调用。用途：可以在此钩子函数中访问 data、methods 等属性，但此时还不能访问 DOM 或组件的实例。示例：beforeCreate

Vue 生命周期钩子函数
怎么实现多线程并返回函数返回值

方法一：使用threading在threading中，并没有实现返回值的方法，我们可以用数据库或者是全局变量来实现返回值的获取。这里使用的是全局变量。def thread_function(age): for i in age: i += 1 q.put( { 'age': i

主线程全局变量 for循环
Vue - 箭头函数 this

<body> <script> const obj = { aaa() { setTimeout(function() { console.log("t1", this) // window }) 象 }) } } obj.a.

vue.js 前端 javascript 作用域
8. Vue methods和computed中不能使用箭头函数

Vue methods和computed中不能使用箭头函数概述在 Vue 的 methods 和 computed 中不能使用箭头函数，箭头函数中的 this 会指向 windows 而非 Vue 的实例。示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue methods和computed中不能使用箭头函数</title&g

vue html 函数回调 vue.js Java
methods 中配置的函数，不要用箭头函数?

中的函数通常需要访问组件实例（也就是 VM，即 ViewModel）的属性和方法，例如。将不再指向组件实例，而是继承自其外部作用域

vue.js 前端 javascript Vue 作用域
vue 中箭头函数

(function (h) { return h(App); }); // ES6 h => h(App);

vue 中箭头函数
vue：methods

paytype(row) { paymenttype(row).then(rmenttype) }) }, payForcalc() {...

java
java里面箭头怎么打

# Java 中的箭头符号使用方案在 Java 编程中，箭头符号 (“->”) 有多个应用场景，主要体现在 Lambda 表达式、Stream API 和函数式接口等方面中。本文将介绍如何在 Java 中正确使用箭头符号，以解决一些常见问题，并确保代码的清晰和高效。## 1. 什么是箭头符号？箭头符号主要用于表示行为或转换。在函数式编程中，箭头通常用来连接参数和方法体，代表局部函数或逻

Java java 函数式接口
python拿函数里面的东西

# 如何在Python中获取函数内部的变量对于刚入行的小白来说，Python的函数和作用域可能会让你感到迷惑。本文将带你通俗易懂地了解如何在Python中获取函数内部的变量，并展示具体的实现方式。我们将一步步完成这一目标，并在文中提供代码和图示，帮助你更好地理解。## 一、整体流程以下是整个过程的简单步骤表格：| 步骤 | 描述

Python python 饼状图
java xml怎么拿最里面的数据

# Java XML怎么拿最里面的数据## 介绍在Java中，我们可以使用XML来存储和传输数据。XML是一种用于描述数据的标记语言，它使用一系列的标签来组织和表示数据。当我们需要从XML中获取最里面的数据时，我们可以使用Java提供的XML解析库来实现。## XML解析库Java提供了多个XML解析库，例如DOM、SAX和StAX。每个库都有自己的特点和适用场景。在这篇文章中，我们将

XML 元素节点数据
Java 拿“()”里面的数据

# Java拿"()"里面的数据在Java中，我们经常需要从一些字符串中提取特定的数据。当字符串中包含括号"()"时，我们可能需要从括号中提取数据。本文将介绍如何使用Java代码获取括号中的数据，并提供相应的代码示例。## 使用正则表达式正则表达式是一种强大的字符串匹配工具，它可以用来精确地匹配括号中的数据。在Java中，我们可以使用正则表达式来提取括号中的数据。以下是一个使用正则

数据字符串正则表达式
java 拿object里面数据

## Java 拿 Object 里面的数据在 Java 中，我们经常会遇到需要从一个 Object 对象中获取数据的情况。尽管 Java 是一种强类型语言，但 Object 类是所有类的基类，可以接受任何类型的对象作为参数。然而，由于 Object 类本身不包含任何成员变量或方法，因此我们不能直接使用点操作符来获取它的属性或调用它的方法。下面我们将介绍几种在 Java 中获取 Object

Java 获取数据取对象
Vue学习笔记之Vue的箭头函数

0x00 箭头函数基本语法： ES6允许使用“箭头”（=>）定义函数 var f = a = > a //等同于 var f = function(a){ return a; } 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 //无形参 var f = () => 5; /

Vue 箭头函数函数体基本语法函数定义
vue 在methods中定义的函数 not defined

vue 在methods中定义的函数 not defined错误解释：在Vue组件中，如果你在methods对象中定义了一个函数，但在模板

作用域生命周期 Vue
vue页面methods里面方法太多解决

vue页面methods里面方法太多解决一、总结一句话总结：使用【Mixin】（混入），然后再引入，很有效的减少了代码 var mixin = { methods: { foo: function () { console.log('foo') }, conflicting: functio

vue结构优化微信人工智能大数据结构化
java里面箭头怎么打 java箭头语法

java 8的新特性-LambdaLambda表达式：一、Lambda初识 Lambda是一个匿名函数，我们可以吧Lambda表达式理解为一段可以传递的代码（将代码向数据一样进行传递）。可以写出更简洁、更灵活的代码。作为一种更紧凑的代码风格，是Java语言表达能力提升。二、Lambda基础 1）、Lambda基本语法Java8中引入一个新的操作符"->"该操作符称为箭头操作符，箭头操作符将

java里面箭头怎么打 java lambda System Test
Java 箭头函数中拿主函数参数值问题 java 箭头操作符

一、Lambda表达式Lambda是一个匿名函数，我们可以把Lambda表达式理解为是一段可以传递的代码（将代码像数据一样进行传递）。使代码更简洁更灵活。二、Lambda表达式的基础语法Java8中引入了一个新的操作符->，这个操作符称为箭头操作符或者Lambda操作符，箭头操作符将Lambda表达式拆分成了两部分。操作符左侧：Lambda表达式的参数列表操作符右侧：Lambda表达

Java 箭头函数中拿主函数参数值问题 Lambda表达式函数式接口操作符 System
Vue——方法（methods）

我们用 methods 选项向组件实例添加方法，它应该是一个包含所需方法的对象： <div id="app"></div> <script> const app = Vue.createApp({ data() { return {count: 4} }, methods: { increment( ...

Vue 事件监听 IT
用箭头函数精简Vue 模块

https://www.zcfy.cc/article/clean-up-your-vue-modules-with-es6-式下this指向undefined。

箭头函数 Vue 模块一般函数严格模式
idea中properties文件中出现问号

导入实体类，dao层导入静态资源：html、css、js放到static下 html页面放到templates中，这样才能得到模板引擎的解析这里我有两个index.html页面 http://localhost:8080/ 默认访问的是public中的如何控制访问模板文件夹中的index.html？需要在控制器中配置也就是，不管我访问/ 还是/index.html 都是去模板引擎中找in

web html spring MVC
Android studio的generate Signed bundle在吗

语溜的可去看看，此文章是跟公司的小伙伴一起翻译的为了保持我们的代码的基本整洁和一致，在安卓工程从始至终我们都应该遵循一定的规范，这篇文档的目的就是为了定义这样一个工程指导的规范。虽然很多事情可以通过Jenkins的代码质量检查来加强,但重要的是要注意那些没有被检查到的地方。1. 工程指导1.1 工程结构当进行提交代码的工作时，工程应该保持如下的目录结构： src/androidTest sr

android 布局文件 sed
less 函数判断

P370 情境模拟题一：透过 grep 搜寻特殊字串，并配合数据流重导向来处理大量的文件搜寻问题。目标：正确的使用正规表示法；前提：需要了解数据流重导向，以及透过子命令 $(command) 来处理档名的搜寻；我们简单的以搜寻星号 (*) 来处理底下的任务：利用正规表示法找出系统中含有某些特殊关键字的文件，举例来说，找出在 /etc 底下含有星号 (*) 的文件与内容：解决的方法必须要搭配万用

less 函数判断 bash 双引号数据
linux仓库 yum配置文件 al

YUM是Yellow dog Updater, Modified的缩写，是由Duke University所发起的计划，目的就是为了解决RPM的依赖关系的问题，方便使用者进行软件的安装、升级等等工作。在此在特别说明的是，YUM只是为了解决RPM的依赖关系的问题，而不是一种其它的软件安装模式。当然可以实现这样功能的除了YUM外

linux仓库 yum配置文件 al centos Server xml
java ini文件注释

前言：相信很多朋友在编写自己的程序中，都需要把一些数据先期导入到程序中进行初始化。那么这个时候，比较好的做法就是把你所有的数据写入一个ini文件，然后在程序去读ini文件中的数据对行初始化。一.INI简介那么什么是in

java ini文件注释操作系统字符串数据文件路径

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯