Как ограничить ввод определенными значениями без проверки кодов клавиш и без мерцания значения?

Question

В vue, я хочу использовать регулярное выражение в качестве условия, ограничивающего ввод только регулярного выражения ввода ключа пользователем. Я не знаю решения для этого. Помоги мне, пожалуйста. Я пытаюсь здесь:

codepen.io/assassin129/pen/yGZQWe

Answer 1

мы получаем только цифры

<template>
        <div >
            <input type="text" v-model="data">
            <p> {{ data | number }}</p>

        </div>
    </template>

    <script>

        export default {
        name: 'test',
        data () {
          return {
            data: ''
          }
        },
        filters: {
             number (item) {
                if (!item) { return '' }
                return item.replace(/\D/gm,"");
            }
        }
        }

    </script>