modelo de atualização da diretiva personalizada VueJS
Atualmente, uso o Vue.JS 2.0 e quero atualizar o modelo de uma instância do Vue a partir de uma diretiva personalizada, mas estou procurando uma boa maneira de fazê-lo, isso é porque estou tentando criar uma diretiva personalizada que implemente o código JQueryUI-Datepicker é o seguinte:
<input type="text" v-datepicker="app.date" readonly="readonly"/>
Vue.directive('datepicker', {
bind: function (el, binding) {
$(el).datepicker({
onSelect: function (date) {
//this is executed every time i choose an date from datepicker
//pop.app.date = date; //this work find but is not dynamic to parent and is very dirty
Vue.set(pop, binding.expression, date); //this should work but nop
}
});
},
update: function (el, binding) {
$(el).datepicker('setDate', binding.value);
}
});
var pop = new Vue({
el: '#popApp',
data: {
app: {
date: ''
}
}
});
Alguém sabe como atualizar pop.app.date de forma dinâmica a partir da diretiva, sei que o binding.expression retorna neste exemplo app.date e date retornam a data atual escolhida no datepicker, mas não sei como atualizar o modelo da diretiva