一起使用intl-tel-input和vuejs2

我正在尝试使用vuejs2实现https://github.com/jackocnr/intl-tel-input 。

如果我添加一个jQuery document.ready ， $('#phone').intlTelInput({ options...})

一切都按预期工作但当我试图获取输入字段的值和一些boolean有效属性时，我总是检查一步后面的值。

我的检查方法如下：

  validatePhoneNumber: function() { var validPhoneNo = $("#phone").intlTelInput("isValidNumber"); var phoneNo = $("#phone").intlTelInput("getNumber"); console.log(phoneNo + ' -> ' + validPhoneNo); //this line returns values one step behind bus.$emit('validate-phone', validPhoneNo) } 

HTML：

我相信解决方案是为此事创建一个新指令，我尝试了以下方法：

删除了我在intlTelInput上实例化intlTelInput的部分，并改为：

 Vue.directive('telinput', { bind: function(el) { $(el).intlTelInput({ //options here... } }); 

并在上面的HTML代码中添加了v-telinput 。

有了这个，似乎没有任何作用。

我在那里错过了什么？

Answer 1

尝试使用@keyup而不是@keydown