vue data里回调函数里 this指向

约定不等于承诺〃 2022-02-19 11:57 396阅读 0赞

**vue data里回调函数里 this指向**

使用elementui的日期选择器，限制启止时间选择  
— 为以后的bug节省时间  
html：

<el-date-picker
    		     v-model="searchData[item.prop]"
    		     type="date"
    		     value-format="yyyy-MM-dd"
    		     placeholder="选择日期"
    		     :picker-options="pickerOptionsNO"
    		></el-date-picker>

js：

export default{
    	data(){
    		return {
    			pickerOptionsNO: {
    	        disabledDate(time) {
    	        
    				## **console.log(this) =====>>>> undefined**
    				
    	          return false;
    	          if (this.searchData.pickerEnd) {
    	            return (
    	              time.getTime() >
    	              new Date(this.searchData.pickerEnd).getTime() - 3600 * 24 * 1000
    	            );
    	          }
    	        }
    	      },
    	      pickerOptions: {
    	        disabledDate: time => {
    	          console.log(this)   =======>>>>>>  vm对象
    	          return false;
    	          if (this.searchData.cardEndDate) {
    	            let cardEndDate = Date.parse(this.searchForm.cardEndDate);
    	            return time.getTime() > cardEndDate;
    	          }
    	        }
    	      }
    		}
       }
    }

回调函数里面 this指向为undefined时建议使用箭头函数

发表评论取消回复

表情：

评论列表（有 0 条评论，396人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue重置data里的值

this.$options.data() 这个可以获取原始的data值，那它拷贝一下赋值就行了转载于:https://www.cnblogs.com/wangxi01/p/

傷城~/ 2023年08月17日 15:55/ 0 赞/ 105 阅读

相关综合编程——不同语言里回调函数的实现方式

这篇文章算是我用来水的内容，主要也是其他科普性质的文章我还在收集整理资料中，但是给自己定下了一周出一篇的任务，所以想了想这周要写点啥，那就不妨整理一下最近的工作，其中发现比较常

ゝ一世哀愁。/ 2023年01月16日 04:59/ 0 赞/ 102 阅读

相关 this的指向（全），this的场景，call，apply，bind，箭头函数里的this

生活中： this的意思：“这个”的意思，是个代名词。代表谁呢？看场景。举例: 当我说“这个教室”时，到底是哪个教室，需要看我说这句话的场景。程序

青旅半醒/ 2022年12月31日 04:20/ 0 赞/ 103 阅读

相关 vue中js文件里获取this（vue实例）

vue中js文件里获取this（vue实例） 1，在main.js中抛出vue实例，在需要用到的地方引入即可 main.js里 let vueThis= new Vue

我会带着你远行/ 2022年11月03日 11:38/ 0 赞/ 278 阅读

相关 java里this._Java里this的作用和用法

this, 一个官方的说法是，this首先是一个对象,它代表调用这个函数的对象。根据面向对象的基本语法,每当调用变量或者函数的时候,都要按照类名.变量(函数)的格式来调用,

桃扇骨/ 2022年11月03日 00:41/ 0 赞/ 135 阅读

相关 vue 函数（二）：callback回调函数

一、介绍： 1、前提：在 js 中，函数也是对象，可以赋值给变量，可以作为参数放在函数的参数列表中，如： var doSomething = function(a,

蔚落/ 2022年09月10日 15:14/ 0 赞/ 380 阅读

相关理解 JS 回调函数中的 this

[理解 JS 回调函数中的 this][JS _ this] 任何变量或对象都有其赖以生存的上下文。如果简单地将对象理解为一段代码，那么对象处在不同的上下文，这段代码也会

我不是女神ヾ/ 2022年06月08日 13:06/ 0 赞/ 262 阅读

相关 vue data里回调函数里 this指向

vue data里回调函数里 this指向使用elementui的日期选择器，限制启止时间选择 — 为以后的bug节省时间 html： <el-d

约定不等于承诺〃/ 2022年02月19日 11:57/ 0 赞/ 397 阅读

相关回调与回调函数

回调与回调函数回调回调函数回调回调指的是某函数在执行的时候，由于某些原因，该函数被迫中止执行，交出当前线程的使用权，当前线程转而执行其它函

悠悠/ 2021年09月25日 04:26/ 0 赞/ 509 阅读

相关 Vue中的this.$options.data()的this指向问题

项目里遇到一个问题，用this.$options.data()重置组件data时报错，原因是因为form里的rule规则采用了this写法。如下: rules:

秒速五厘米/ 2021年09月25日 00:16/ 0 赞/ 683 阅读