qq_37572933 2017-02-19 02:26 采纳率: 0%
浏览 808

请教一下关于vue的问题

如何用vue写一个限制input输入框长度的demo呢,我试了试v-on:keydown的方法里return false是无法阻止输入值事 因为刚学vue所以思维可能还是jq的

  • 写回答

2条回答 默认 最新

  • 战在春秋 2017-02-19 21:31
    关注
     Vue.directive('maxchars', {
        bind: function () {
            var self = this;
            this.handler = function () {
                var max_chars = self.vm.$get(self.expression)
                if (this.el.value.length > max_chars) {
                    this.el.value = this.el.value.substr(0, max_chars)
                }
            }.bind(this)
            this.el.addEventListener('input', this.handler)
        },
        unbind: function () {
            this.el.removeEventListener('input', this.handler)
        }
    })
    
    
    评论

报告相同问题?

悬赏问题

  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥15 stable diffusion
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab,jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误