再开始本篇的讨论之前,先思考几个问题:
使用html元素属性type=’number’是否可以满足要求
Vue中指令一般被设计用来操作dom元素的,而vue视图是基于数据模型的,如何在操作dom的同时,同时更新数据
你定义的指令不能只能在input元素上使用,还要支持在其父元素上使用,自定义组件及第三方组件上使用
你的指令是不是支持局部作用域,比如for循环渲染的数据的单元item,如何识别这个item进行数据更新和dom操作
如何控制字符数目,超出禁止输入
如何实现全局性的功能定义,从而在各个子组件中灵活使用
还有没有别的优化替代方案
问题思考
可以肯定的是,针对方案1,答案是:可以。很明显