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

2018-05-08  本文已影响698人  ChasenGao

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

    <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>
上一篇 下一篇

猜你喜欢

热点阅读