详解vue中的computed的this指向问题
作者：ZJW0215 发布时间：2024-04-27 15:46:56
标签：vue,computed,this,指向
今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下
1.箭头函数中的this
箭头函数内部的this是词法作用域，由上下文确定
函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象
2.vue中的computed
使用箭头函数
list: () => {
console.log(this)
}
不使用箭头函数
allFigure: function() {
console.log(this)
},
使用get()
allFigure: {
get() {
console.log(this);
}
}
3.自己的理解
在computed中使用箭头函数的话，会导致this指向的不是整个的vueComponent
此时使用匿名函数的形式就可以解决，this指向了vueComponent
或者使用对象的形式，用set()、get()方法也不会出现问题
来源：https://segmentfault.com/a/1190000017262022
0
投稿猜你喜欢
- 区域生长是一种串行区域分割的图像分割方法。区域生长是指从某个像素出发，按照一定的准则，逐步加入邻近像素，当满足一定的条件时，区域生长终止。区
- 一、Pytorch distributed 多卡并行载入模型这次来介绍下如何载入模型。目前没有找到官方的distribute 载入模型的方式
- 误区 #9: 数据库文件收缩不会影响性能错误! 收缩数据
- 常见的SQL问题：◆选择重复，消除重复和选择出序列有例表：empemp_no name age001 Tom 17002 Sun 14003
- 0. 简介传统的并发编程模型是基于线程和共享内存的同步访问控制的，共享数据受锁的保护，线程将争夺这些锁以访问数据。通常而言，使用线程安全的数
- 1. 生成for 2005版本的数据库脚本 2008 的manger studio -- 打开"对象资源管理
- 结构体structstruct 用来自定义复杂数据结构，可以包含多个字段（属性），可以嵌套；go中的struct类型理解为类，可以定义方法，
- 1 实验标准因为训练使用的框架是Pytorch，因此读取的实验标准如下：1、读取分辨率都为1920x1080的5张图片
- 问题你想读写一个二进制数组的结构化数据到Python元组中。解决方案可以使用 struct 模块处理二进制数据。 下面是一段示例代码将一个P
1）在service层和mapper层中写一个插入方法和查询方法；我们先写一个日志类；定义属性；并且要在数据库中建好表；package en- MySQL自定义序列数实现往往有很多情况下，我们需要使用自己生成的唯一Id或保证不重复的序列号，特别是在高并发的场景下。为此，很容易想到的实
- 本文实例为大家分享了mysql免安装版配置教程，供大家参考，具体内容如下1.下载MySQL免安装版压缩包，并减压到自定义目录，比如：D:\p
- 如下所示：#!/usr/bin/env python3.5import psutilimport mysql.connectorimport
- py 写东西快但是java 生态广比如大数据 py 虽然好 但是利用不到java的整个的生态的代码scala 虽然也好但是毕竟 有些库 需要
- 目录背景分析数据模拟1、创建两个表：员工表和部门表2、创建两个函数：生成随机字符串和随机编号3、编写存储过程，模拟500W的员工数据4、编写
- 一、前言很多网站提供视频转GIF的功能，但要么收费要么有广告实际上我们通过python，几行代码就能够实现视频转gif二、教程1. 安装必备
- 如何优雅地解析命令行选项随着我们编程经验的增长，对命令行的熟悉程度日渐加深，想来很多人会渐渐地体会到使用命令行带来的高效率。自然而然地，我们
- 准备软件:1. J2SDK(1.5.0): jdk-1_5_0-linux-i586-rpm.bin2. Apache(2.0.53): h
- zeroclipboard是一个跨浏览器的库类 它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比 IE 的
- 前言此文记录了我在进行 Anaconda 环境变量配置的做法 ，希望可以对有需要的朋友们有所帮助或者启发一、什么是环境变量环境变量一般是指操
