Vue文本框限制输入字数

  • 使用watch方法



  • 自定义指令
    1. 组件内注册




全局注册


// man.js

Vue.directive('limitTextLen', {
    bind: function () {},
    inserted: function () {},
    update: function (el, binding) {
        if (el.value.length >= binding.value) {
            el.value = el.value.slice(0, binding.value);
        }      
    },
    componentUpdated: function () {},
    unbind: function () {}
});

你可能感兴趣的:(Vue文本框限制输入字数)