Добавил в свой проект на vue.js компонент datepicker:
Vue.component('d_picker', {
data() {
return {
pickerOptions: {
shortcuts: [{
text: 'Today',
onClick(picker) {
picker.$emit('pick', new Date());
}
}, {
text: 'Yesterday',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
picker.$emit('pick', date);
}
}, {
text: 'A week ago',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', date);
}
}]
},
value1: '',
};
},
template:`
<div>
<div class="block">
<el-date-picker
v-model="value1"
type="datetime"
placeholder="Дата и время события">
</el-date-picker>
</div>
</div>
`
})
Столкнулся с проблемой - обновление данных в переменной value1 должно повлечь за собой реактивное обновление данных в переменной основного моего приложения (app.my_date), а компонент видит переменные только внутри себя (не могу к v-model сразу привязать целевую переменную) и я не знаю как мне обратиться к содержимому переменной в компоненте...
Подскажите, пожалуйста, какие есть варианты реализации