vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
在网页的表单中,经常需要用程序来控制input和textarea的自动聚焦行为。为了应付这种需求,就做了这个指令,github地址: next 聚焦到下一个元素prev 聚焦到上一个元素first 聚焦到第一个元素last 聚焦到最后一个元素jump 聚焦到指定的元素必须在需要控制的元素上添加data-index属性,需要在父元素上添加data-action属性和data-current属性,data-action为指令行为的类型,data-current为当前聚焦元素的data-index值, getAllFocusEls 方法其实就是获取所有属性为data-index的元素,指令挂载时,自动聚焦到指定的元素通过指令的value值控制指令的执行,如果值有变动,则执行指定的操作,聚焦到指定的元素
用户评论