其他分享
首页 > 其他分享> > 使用自定义命令 v-focus

使用自定义命令 v-focus

作者：互联网

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自定义事件</title>
    <script src="vue.js"></script>
</head>

<body>
    <div id="app">
        <p>页面载入时，input 元素自动获取焦点：</p>
        <input v-focus :value="message">
    </div>


    <script>
        //全局
        Vue.directive('focus', {
            inserted:function(el){
                el.focus()
            }
        })

        let app = new Vue({
            el: '#app',
            data:{
                message:'小桥流水'
            },
            //局部
            directives: {
                focus: {
                    inserted: function (el) {
                        el.focus();
                    }
                }
            },

        })
    </script>
</body>

</html>```

标签：function,el,自定义,app,focus,命令,inserted
来源： https://www.cnblogs.com/hf10/p/14338401.html