首页 > 其他分享 >解决vue2中methods写的方法无法使用箭头函数

解决vue2中methods写的方法无法使用箭头函数

时间:2023-06-17 15:34:48浏览次数:41  
标签:methods 使用 箭头 vue2 无法 函数

1.情况:在method写递归函数,函数内使用了this.变量,报错变量为undefined,原因是function内this指向改变,因改写为箭头函数,使其this不被改变,

    但是methods内又无法写箭头函数

 2.解决:使用var获取this,供函数内使用

 

标签:methods,使用,箭头,vue2,无法,函数
From: https://www.cnblogs.com/LylePark/p/17487511.html

相关文章

  • 关于vue2路由跳转问题记录
    1.vue路由间跳转和新开窗口的方式(query,params)路由间跳转配置:query方式:参数会在url中显示this.$router.push({path:'路由地址',query:{msg:'helloworld'}})params方式:传参数据不会在导航栏中显示,需要配合路由的name属性使用。this.$......
  • vue2 学习提纲
    手册慕课网-vue2手册:http://www.imooc.com/wiki/vuelesson/vueslot.html视频vue2.5入门https://www.imooc.com/learn/980echarts数据报表https://coding.imooc.com/learn/list/499.htmlVue+EChart4.0从0到1打造商业级数据报表项目vue2.6的版本2.快速入......
  • vue2.0中使用element-ui时报错
    1、重新安装依赖a)  yarnaddbabel-preset-es2015--devb)  npminstallbabel-preset-es2015-D2、修改babel.config.js配置module.exports={ presets:['@vue/cli-plugin-babel/preset',['@babel/preset-env',{modules:false}]], ......
  • 箭头函数this指向
    箭头函数与普通函数的区别1、语法更加简洁清晰2、箭头函数不会创建自己的this箭头函数没有自己的this,它会捕捉自己在定义时所处外层执行环境的this,并继承这个this值。所以箭头函数中this的指向在它被定义的时候就已经确定了,之后不再改变。下面例子中,fun1中setTimeout中使用......
  • 箭头函数和普通函数的区别
    一、普通函数存在声明提升1、定义:关键字(function)函数名(参数){//参数是形参(形式参数)函数体returnxxx}2、调用:函数名(参数)//参数是实参(实际参数) 3、形参|实参实参:在调用函数的时候真正传进去要进行运算的值(真实的数据)形参:占位的参数,在封装的函数里面会用到这个形式......
  • 前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标
    前端vue自定义导航栏组件高度及返回箭头自定义tabbar图标,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986效果图如下:使用方法//page.json采用矢量图标设置返回箭头,{"path":"pages/Home/Home",......
  • ES6箭头函数=>的用法
    基本语法:参数=>函数体1、当箭头函数没有参数或者有多个参数,要用()括起来。如()=>3+5、(a,b)=>a+b2、函数体是代码块(多行语句)时,用{}如()=>{varresult=a+b;returnresult;}3、当函数返回的是对象时,需要用()将对象包围起来如()=>({id:1,name:'小红'})4.1ES6函数......
  • 上下翻页按钮,上一页 下一页 vue2,分页
    已经有每一页对应的数据,一共五页,点击到最后一页再点下一页按钮时回到第一页 <divclass="button-list"><[email protected]="handleLeft"><iclass="el-icon-arrow-left"></i>{{ifchinese?'......
  • 下拉菜单缓慢展开收起的动画过渡效果,vue2 CSS
    需求:点击下拉菜单按钮,显示子菜单并有过渡效果过渡效果:缓慢展开收起环境:vue2CSS分析:子菜单的高度有没有固定,如果子菜单的高度固定,可以设置高的变化添加过渡效果。如果高度不固定设置最大高度的变化添加过渡效果图片展示:展开状态收起状态 实现代码:<template><div>......
  • 【Vue2.x】vue2给对象动态添加响应式属性
    1vue2给对象动态添加响应式属性vue2里对象的响应式是通过Object.defineProperty()实现1.1给对象添加单个响应式属性使用Vue.set()或this.$set()参数第一个参数,是目标对象第二个参数,是要添加的属性名字第三个参数,是要属性值1.2给对象批量添加响应式属性使用Object.......