vue data里回调函数里 this指向
程序员文章站
2022-06-07 09:55:43
...
**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时建议使用箭头函数
上一篇: EL中 empty语法及判断条件
下一篇: 数列求和-加强版(C语言)