Спасибо, оказалось что у меня одновременно было два вю екземпляра, но у меня все ище не получается использовать this из под директивы))
<script>
export default {
name: "Auth",
data() {
return {
page: 0,
};
},
methods: {
selectPage(number) {
if (number > this.page) {
alert(this.page);
} else {
alert(this.page);
}
this.page = number;
},
},
directives: {
animateShow: {
inserted: function animatePage(el, binding) {
if (binding.value.pageToShow < this.page ) { //this == undefined
el.style = "transform: translateX(-100%);";
el.style = "opacity:0;";
}
if (binding.value.pageToShow > this.page) { //this == undefined
el.style = "transform: translateX(100%);";
el.style = "opacity:0;";
el.style = "display:none;";
}
if (binding.value.pageToShow == this.page) { //this == undefined
el.style = "transform: translateX(0);";
el.style = "opacity:1;";
}
},
},
},
};
</script>