Vue.js использование фильтров в input

395
14 апреля 2017, 22:30

Читаю https://ru.vuejs.org/v2/guide/syntax.html#Фильтры

И не как не могу понять, как их использовать.

Есть:

<input type="text" v-model="fam" id="fam" class="form-control test" name="thepost" placeholder="Фамилия" value="">

v-model="fam" нужен уже непосредственно для того, чтобы передать значение в vue...

А как сделать маску ввода для input, например, чтобы удалялись все русские буквы, ну или любую другую непосредственно при вводе.

Покажите простой пример пожалуйста.

Answer 1

Судя по вашему запросу, тут нужны не фильтры, а методы. Простой пример с разрешением ввода только латинских букв будет таким:

let app = new Vue({ 
  el: '#root', 
  data: { 
    fam: '' 
  }, 
  methods: { 
    noNumber: function(evt) { 
      var regex = new RegExp("^[a-zA-Z ]+$"); 
      var key = String.fromCharCode(!evt.charCode ? evt.which : evt.charCode); 
      if (!regex.test(key)) { 
        event.preventDefault(); 
        return false; 
      } 
    } 
  } 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script> 
<div id="root"> 
  <input type="text" v-model="fam" id="fam" class="form-control test" name="thepost" placeholder="Фамилия" v-on:keypress="noNumber(event)" value=""> 
</div>

READ ALSO
Узнать, где именно в Google SpreadSheet произошли изменения

Узнать, где именно в Google SpreadSheet произошли изменения

Есть таблица mainTable, которая имеет много листовВ эти листы автоматом собираются данные из других таблиц (через IMPORTRANGE): у одного человека - одна...

159
Выборка из массива JS, jQuery

Выборка из массива JS, jQuery

Помогите сделать выборку из массива так, что-бы цифры из массива не повторялись в классахТо есть для каждого класса свое число из массива...

212
Отловить нажатие по картинке в TinyMCE

Отловить нажатие по картинке в TinyMCE

Добрый деньВесь вопрос в заголовке

201
Как изменить аккордион?

Как изменить аккордион?

Добрый день! Есть скрипт обычного меню-аккордионПри нажатии на любой раздел отрываются его подразделы

177