Vue自定义指令

自定义指令简介

1.自动聚焦输入框

• 自定义指令&&全局————不带参数

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

    var vm = new Vue({
    
        el:"#app",
        data:{
    
        },
    });
</script>

• 自定义指令 局部————不带参数

<div id="app">
    <input type="text" v-focus>
</div>
<script>
    var vm = new Vue({
    
        el:"#app",
        data:{
    
        },
        directives: {
    
           focus:{
    
                inserted: function(el){
    
                    //el表示指令所绑定的元素
                    el.focus()
                }