>上下文
我正在使用Vue2.js
来实现选择器选项来预选日期范围。我创建了一个函数createDate
它听起来的样子。DatePicker
组件来自这里
问题
我不知道在对象pickerOptions
和回调函数中调用函数createdDate
的正确方法onClick(picker)
当我这样做时,我收到此错误Uncaught TypeError: this.createdDate is not a function
.这是有道理的,因为this
引用
Object {__ob__: Observer}
onClick:function onClick(picker)
text:"Last week"
我应该怎么做才能访问我的函数createDate
或如何调用它?
export default {
name: 'app',
data() {
return {
private: {
pickerOptions: {
shortcuts: [{
text: 'Last week',
onClick(picker) {
const end = new Date();
const start = this.createDate(-7);
picker.$emit('pick', [start, end]);
}
}]
}
}
}
},
methods: {
createDate(days, months, years) {
let date = new Date();
date.setDate(date.getDate() + days);
date.setMonth(date.getMonth() + months);
date.setFullYear(date.getFullYear() + years);
return date;
},
}
};
在
数据函数中获取引用应该可以让您进一步使用它。试试这个
data() {
let self = this;
return {
....
const start = self.$options.methods.createDate(-7);
}
}