美文网首页
Vue中自定义事件实现打开网页input自动聚焦

Vue中自定义事件实现打开网页input自动聚焦

作者: ChasenGao | 来源:发表于2018-05-08 18:16 被阅读698次

全局注册一个自定义事件:

    <div id="app">
        <input v-focus />
    </div>
    <script type="text/javascript">
        Vue.directive('focus',{
            inserted:function(el){
                el.focus()
            }
        })
        var vm = new Vue({
            el:'#app'
        })
    </script>

局部注册:

    <div id="app">
        <input v-focus />
    </div>
    <script type="text/javascript">
        var vm = new Vue({
            el:'#app',
            directives:{
                focus:{
                    inserted(el){
                        el.focus()
                    }
                }
            }
        })
    </script>

相关文章

网友评论

      本文标题:Vue中自定义事件实现打开网页input自动聚焦

      本文链接:https://www.haomeiwen.com/subject/rkmwrftx.html