@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 13 ноября 2016 г.

06:35:35 ДП
User 552804
подскажите как сделать input mask в vue без дополнительных расширений vue-вских? У меня есть jquery плагиy для этого
06:35:54 ДП
User 552804
Vue.directive('mask', {
  bind: function() {
    $(this.el).inputmask({
      "mask": "+7(999)999-99-99"
    });
  },
});
06:36:08 ДП
User 552804
и делаю у инпута <input v-mask>
06:36:37 ДП
User 552804
[Vue warn]: Property or method "v" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in root instance)
vue.js:2574 [Vue warn]: Property or method "mask" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in root instance)
06:37:00 ДП
User 552804
не понимаю ошибку
06:40:48 ДП
User 215699186
может директивы подключаешь позже чем свой инстанс
06:41:00 ДП
06:41:58 ДП
User 552804
так, от ошибки избавился
06:42:25 ДП
User 552804
это я в формбилдере делал в laravel, он мне вместо <input v-mask> генерировал <input v-mask="v-mask">
06:42:29 ДП
User 552804
поэтомe искал такие методы
06:42:39 ДП
User 552804
но ошибки нет, а inputmask все равно не работает
06:46:27 ДП
User 552804
сделал так:
mounted: function () {
  $('.phone-input').inputmask({"mask": "+7(999)999-99-99"});
},
маска заработала, но теперь данные из формы не заносятся в модель
06:47:57 ДП
User 55423102
А зачем именно jquery. У них же и ванильная версия есть
06:48:20 ДП
User 552804
хз, у меня просто уже установленная jquery есть в проекте)
06:48:22 ДП
User 552804
щас поищу
06:48:42 ДП
User 55423102
Там сейчас варильная вроде как идёт в комплекте с оберткой для жиквери
06:50:52 ДП
User 552804
чnото не нахожу без jquery
06:50:52 ДП
User 55423102
На oncomplete можно попробовать обратно данные закидывать
06:52:40 ДП
User 85413039
Напиши компонент инпут маск
06:57:18 ДП
User 55423102
На неделе тоже надо будет запилить поля с масками
06:58:10 ДП
User 552804
сделал ванильным масковым плагином
06:58:17 ДП
User 552804
https://github.com/BankFacil/vanilla-masker
github.com/BankFacil/vanilla-masker
vanilla-masker - VanillaMasker is a pure javascript mask input
06:58:28 ДП
User 552804
mounted: function () {
      VMasker(document.querySelector(".phone-input")).maskPattern("(999)999-99-99");
    },
04:57:42 ПП
User 85413039
https://vuex.vuejs.org/ru/