vue中this的作用域

最新推荐文章于 2024-07-18 17:37:06 发布
最新推荐文章于 2024-07-18 17:37:06 发布
阅读量1.2k 收藏 2
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44794704/article/details/89883881
版权

最近在用Vue.js进行前端开发，发现在有些情况下无法使用this对象中的属性，总结一下：

  • 当定义了function函数时，无法访问全局this
    • 由于function函数会创建自己的this，屏蔽原来全局this，此时无法访问全局this。可用箭头函数代替function
Sarah Huang
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue Axios This的作用域,你都会了吗?
林中静月下仙的博客
04-02 1304
同样请求一个接口一个箭头函数一个普通函数,this的作用域却大不相同,你会吗???? <script type="text/javascript"> var vm = new Vue({ el:"#app", /*Model：数据*/ data(){ return{ user:{ } } }, methods : { getUserInfo(){ // .
Vue3 作用域插槽
水滴的专栏
09-19 4218
Vue3作用域插槽
vue this作用域
weweixt1的博客
09-07 1735
一、概念： 1、对象：有属性有方法的代码段，能用.调用。 2、方法：对象的方法，即对象可做哪些动作。方法可以直属对象，也可以直属方法，就是方法中调方法的情况。 3、生命周期钩子：方法的起点和终点，即{ } 二、通过this找对象： this是对象的代表,具体this 代表哪个对象，有个规则说明： 从使用this的地方开始找生命周期钩子，如果能找到直属钩子，并且此钩子属于一个对象，则th...
vue深度作用域
我们一起学前端
05-28 648
<template> <div id="app"> <el-input v-model="text" class="text-box"></el-input> </div> </template> <script> export default { name: 'App', data(...
Vue中使用that代替this(const that = this )的场景
最新发布
qq_45687669的博客
07-18 388
为了解决这个问题，我们使用 that = this 将 this 保存到变量 that 中，并在回调函数中使用 that.message 来访问 Vue 实例中的 message 属性。在上面的代码中，我们使用箭头函数来定义 setTimeout 的回调函数，这样就可以直接访问 this.message，而不需要使用 that = this 了。需要注意的是，在 Vue 3 中，可以使用箭头函数来避免 that = this 的问题，因为箭头函数的 this 指向的是定义时的上下文，而不是运行时的上下文。
Vue学习（十一）——作用域
weixin_45927758的博客
10-15 1171
十一
在vue 中var _this=this作用
nanzhuhe的博客
03-16 781
var _this=this console.log(_this)原来的对象 console.log(this)//当前方法对象 _this只是一个变量名，this代表父函数，如果在子函数还用this，this的指 向就变成子函数了，_this就是用来存储指向的 https://blog.csdn.net/cataclysm2012/article/detai...
js的作用域和vue的作用域
qq_44844751的博客
09-14 408
js有两种作用域：全局作用域和局部作用域 1. 全局作用域 如果一个变量在函数外面或者大括号{}外声明,那么就定义了一个全局作用域 2. 局部作用域 有两种，函数作用域和块级作用域，函数作用域顾名思义就是在函数内定义的变量，而块级作用域则是使用let定义在{}内的变量，let定义的变量有两点不同，不允许重复命名和不会变量提升。 vue有四种作用域：全局作用域，子树作用域，组件作用域和实例作用域 1. 全局作用域 Vue 应用程序中的全局作用域与任何编程语言中的全局作用域类似，这些变量在应用程序中的任何地方都
vue2.0使用ES6语法的箭头函数对this作用域的理解
热门推荐
若晨工作室
09-19 1万+
在做vue项目时用到了axios，但是发现axios请求之后的回调函数里this并不指向当前vue实例，导致浏览器报错。 部分代码： test:function(){                 let _self = this;//在外层函数内定义变量存储当前vue实例。 this.$axios.post("url",{ }).then(function(res){
【VUE】this 作用域问题导致 $message 提示窗、loading 展示隐藏失效
sy12321的博客
02-22 3156
问题 在编写前端功能时发现两个问题，由于要发送post json格式内容，修改了 axios 发送请求的脚本，导致在使用 Message 提示框，和 Loading 加载功能时，作用域出现了问题 第一版代码 export default { data() { return { data_1: '', data_2: '', loading: false } }, methods: { addBtn() { thi
在vue中使用回调函数,this调用无效的解决
10-14
另外，使用ES6的箭头函数也是解决`this`问题的一个常见方法，因为箭头函数不会创建自己的`this`值，它会从外层作用域继承`this`。因此，当将箭头函数作为回调传递时，`this`会保持其原始上下文，即Vue实例： ```...
vue 中4个级别的作用域
粉丝们务必加入微信粉丝群
03-23 3810
除了 JS 已有的功能外，Vue还具有自己独特的作用域级别。作用域控制可以使用哪些变量以及在何处使用。它控制它们对应用程序的不同部分的“可见性”。了解 ...
vue作用域 this
amju92310的博客
06-24 342
设计到异步 function 回调的。this指向 需要用内部代替this 如果是箭头符号写法 就不需要 this永远是当前vue实例 转载于:https://www.cnblogs.com/houxiaoming/p/9220610.html...
Vue 对象无法通过 this来获取本Vue对象声明的变量
91奔跑的蜗牛
03-04 1499
箭头函数的this总是指向词法作用域，也就是外层调用者obj。 外层调用者的全局变量必须为 var，否则会出错。 <script> let num = 100; // let 声明的全局变量，Vue对象里面的箭头函数无法通过this来获取 var num2 = 200; let vue = new Vue({ el:"#app", ...
【转载】vue箭头函数this作用域
adamlevine7的博客
02-22 276
vue箭头函数this作用域 原文链接：vue箭头函数this作用域_wushen的博客-CSDN博客_vue 箭头函数中的this
【Vue】this代表什么含义
在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发
05-19 3405
vuejs中this代表的含义：1、vue组件或者实例中，this代表调用它的Vue实例；2、回调函数中，this代表父级组件；3、箭头函数中，this代表定义它时所处的对象，即宿主对象。 Vuejs中的this变量 1 vue组件中 在Vue所有的生命周期钩子方法（如beforeCreate，created，beforeMount，mounted，beforeUpdate， updated，beforeDestroy以及destroyed）里使用this，this指代调用它的Vue实例，即（new V.
vue 中this的作用域
weixin_51641718的博客
03-15 1345
vue中有很多的回调函数，一定要注意函数中this的作用域。 function(){ this.aaa …… marker1.addEventListener("click", function(e) { this.bbb } } 此时这里两个this分别指代的对象不同，上面那个指向父方法，下面这个指向子方法。 如果想再子方法中通过this拿到父方法的内容，怎么做 只需要把子方法变成箭头函数即可。 但是这样又会出现一个新的问题，子方法里用thi
关于Vue中this作用域说明，以及一个this->undefined问题的处理
Rayman
05-08 5369
尝试在Vue中的methods定义几个函数，实现函数A调用函数B的需求。但是发现通过this关键字引用会提示 B函数not defined 报错信息如下： 实际上个问题的根本原因是函数以及子函数的this作用域范围处理问题 Vue中this作用域说明 参考文章： Vue里this指向 Vue官网对Methods的解析 如何修复Vue中的 “this is undefined” 问题 对于一个...
vue中$refs的作用域
09-09
在Vue中，`$refs`是一个特殊的属性，用于访问在模板中使用`ref`指令声明的子组件或DOM元素。...总结起来，Vue中的`$refs`提供了一种方便的方式来直接访问子组件或DOM元素，但是需要注意作用域限制和渲染时机的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值