vue项目中踩过的坑-this

最新推荐文章于 2022-11-01 09:51:51 发布
最新推荐文章于 2022-11-01 09:51:51 发布
阅读量1k 收藏 3
点赞数
分类专栏： 前端 文章标签： vue中的this
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43121828/article/details/97923901
版权

在vue项目中，this一般指向vue对象，可以使用this. s t o r e 等 方 法 ， 但 是 遇 到 一 个 t h i s 指 向 发 生 变 化 的 坑 项 目 中 使 用 e c h a r t s 组 件 ， 在 触 发 图 表 点

最低0.47元/天 解锁文章
曾、小闲
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue项目打包发布踩过的坑
youlinaixu的博客
11-13 4756
1.vue打包之后，背景图片不显示问题 找到build/utils.js文件 修改成为如下所示内容： 2.vue写成懒加载的方式，打包发布部署到服务器报错，修改为下面的内容config目录下的index.js的assetsPublicPath修改为下面的内容 3.vue从后台获取数据时，串接口数据，保存sessionid，vue中登录成功后台自动将token保存进入session缓存，解决前端...
vue项目遇到的那些坑
A secret makes a woman woman.
08-23 1421
项目使用iview 2.0 + vue 2.0   1、select （1）单选，value值为数字时， 表单验证时要加 type: 'number'   this.$refs.selectedDevice.clearSingleSelect();    清空单选项，仅在 clearable="true" 时有效 （2）多选， 要加  type: 'array' // value值为...
vue 中var _this=this作用
xshSun的博客
03-25 597
vue 中var _this=this作用 const _this=this console.log(_this)原来的对象 console.log(this)//当前方法对象 1._this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的 2.普通函数中的this表示调用此函数时的对象，箭头函数里面的this会继承自外部的this，普通函数中的this并不会向上继续找对象，箭头函数中会往上寻找this，直到找到所代表的this为止
var _this = this；为什么要这样做？
qq_41600320的博客
11-04 386
$("#btn").click(function(){ var _this = this;//这里this和_this都代表了bai"#btn"这个对象 $(".tr").each(function(){ this;//在这里this代表的是每个遍历到的".tr"对象 _this;//仍代表"#btn"对象 }) }) 这种情况就是在一个代码片段里this有可能代表不同的对象,而编码者希望_this代表最初的对象 ...
vue基础（1）
Cher洛洛的博客
10-24 159
实例与数据 el是vue实例必不可少的选项，它可以是HTMLElement，也可以是css选择器 <div id="app"></div> var app = new Vue({ el:document.getElementById('app') //或者是'#app' }) 挂载成功后可以通过app.$el来访问该元素 通过vue实例的data...
Vue的绑定和使用this使用的一些注意事项
q2269934630的博客
11-01 812
Vue的绑定和使用this使用的一些注意事项
VUE 使用中踩过的坑
08-28
Vue 使用中踩过的坑 在 Vue 开发中，有很多潜在的坑需要注意和解决。这篇文章总结了一些常见的 Vue 使用问题，包括路由变化页面数据不刷新、异步回调函数中使用 this、setInterval 路由跳转继续运行、Vue 滚动行为...
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
浅谈vue中使用编辑器vue-quill-editor踩过的坑
10-15
在Vue项目中，使用`vue-quill-editor`作为富文本编辑器时，可能会遇到一系列问题。本文将探讨其中的关键挑战，以及如何通过引入Element UI组件和自定义处理方法来优化图片上传功能。 首先，`vue-quill-editor`默认...
vue项目中使用vue-layer弹框插件的方法
10-15
在Vue项目中，为了实现各种弹框功能，如提示、确认、信息框等，我们可以使用vue-layer这个弹框插件。vue-layer是一个基于Vue.js的轻量级弹窗组件，它提供了丰富的弹框类型和自定义选项，适用于多种场景。 首先，...
vue项目中引入vue-datepicker插件的详解
10-16
主要介绍了vue项目中引入vue-datepicker插件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue中this.$router的使用
热门推荐
weixin_43931617的博客
02-14 2万+
vue中this.$router.push有两种使用方法： 传入参数且地址栏中带上参数内容 this.$router.push({path/name: ' 路由 ', query: {key: value}}) （是path还是name由你自己定，如果是name那么在定义路由的时候需要写明 类似这种： { path: '/home', name: 'Home', component...
this.$router和this.$route区别 && 路由传参的2种方式 && this.$route的各种语法
monika_beiluqi的博客
04-05 8577
一 this.$router 和 this. $route 区别 vue官方文档说明: 通过注入路由器，我们可以在任何组件内通过 this.router访问路由器，也可以通过this.router 访问路由器，也可以通过 this.router访问路由器，也可以通过this.route 访问当前路由. 通过打印出: this.$router 和 this. $route : this.$router: 是VueRouter的实例. 包含了很多属性和对象（比如 history 对象），任何页面都可以调用
javascript及vue中 this全面指南
welcome to daijiguo's blog
10-10 9128
开发环境：javascript 情况一：对象下的函数中 //test.js var out = { function inner(){ this } } 此时函数中的this表示out对象。 情况二：函数中 //test.js function inner(){ this } 此时函数中的this表示全局对象window 开发环境：Vue 情况一：vue组件中 new Vue({...
vue 之var _this=this作用
qq_41555278的博客
10-03 2937
mounted: function () { var _this = this; } _this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的 https://blog.csdn.net/cataclysm2012/article/details/80350403 普通函数中的this表示调用此函数时的...
var _this = this;的理解以及详解
涩的博客
08-23 1万+
例子一 不知道楼主有没有接触过 jquery里边有一个特别典型的例子能说明用_this的作用 $("#btn").click(function(){    var _this = this;//这里this和_this都代表了"#btn"这个对象 $(".tr").each(function(){ this;//在这里this代表的是每个遍历到的".tr"对象 _this;//仍代表"#btn"...
使用vue中element组件的表格树形结构遇到的坑
qq_43121828的博客
09-18 9601
在使用element的表格树形结构时候报错：[Vue warn]: Error in callback for watcher “data”: “Error: if there‘s nested data, rowKey is required.” 解决方法 ： 第一种： 查看element-ui的版本，我使用的是"2.8.2",后来换成"2.3.2"就没问题了，网上很多人说要加上row-key=...
如何在Vue项目中使用vue3-seamless-scroll？
最新发布
03-21
在Vue项目中使用vue3-seamless-scroll，你可以按照以下步骤进行操作： 1. 首先，确保你的Vue项目已经安装了Vue 3.x版本。如果没有安装，可以通过以下命令进行安装： ``` npm install vue@next ``` 2. 安装vue3-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值