打开百度首页搜索框自动获取焦点

vue实现 打开百度首页搜索框自动获取焦点

代码：

引入vue

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

输入框：

<!-- 搜索框 -->
        <div class="serch" id="app">
            <input type="text" name="text" id="inp" v-focus>
            <input type="button" value="百度一下" class="btn">
            <!-- 拍照搜索 -->
            <a href="" class="camera"><img src="./img/相机.png" alt=""></a>
        </div>

vue代码：

<script>
        // 定义一个v-focus全局指令，使百度首页搜索框自动获取焦点
        Vue.directive('focus', {
            // 绑定元素插入到dom元素后执行inserted钩子函数
            inserted: function (el) {
                el.focus()
                // alert(111)
            }
        })

        new Vue({
            el: '#app'
        })
    </script>