使用Vue-cli生成的项目，定义了一个login.vue的文件该文件的template中放入了一个input标签

[scorpioncom]

使用Vue-cli生成的项目，定义了一个login.vue的文件该文件的templete中放入了一个input标签

<template >

    <div >

      <input type="text" >

          <input type="text" v-focus>  

      <p>{{msg}}</p>

    </div>

</template>

<script>

 

export default {

  name: 'app-login',

  data () {

    return {

      msg: 'hello'

    }

  },

  directives: {

    focus: {

      inserted: (el) => {

        el.focus()

      },

      updated: (el) => {

        el.focus()

      }

    }

  }

}

</script>

在input标签上放了一个自定义的v-focus 当点击登录按钮时，进入到有input标签这页，结果没有把输入的焦点定位到这个input标签上，网上好多地方说做一个全局的focus,用vue.directive 关键是在这个组件中怎么去使用一个全局的vue.   在main.js中使用import { createApp } from 'vue' 无法使用import vue from 'vue'

 说不认识vue.

现在想得到输入框的焦点，不操作DOM下，该怎么做呢?

 

谢谢!

[CSDN-Ada助手]

您可以前往 CSDN问答-前端 发布问题, 以便更快地解决您的疑问