Vue.js 模式自动对焦上的引导vue输入

我在模态上有一个引导vue输入

<b-form-input  id="inputText1" ref="inputText1" v-model="inputText" autofocus></b-form-input>

模式是引导vue模式，显示/隐藏由v-if指令控制

当模态打开时，输入具有焦点。如果我关闭模态，输入就没有焦点了

---

我曾尝试在每次挂载模式时设置自动聚焦属性，但它仍然无法聚焦。我也尝试过使用$nextTick。

我建议您在vue引导模式下使用

v-model

模板

    <template>
      <div>
        <b-button @click="showModal= !showModal">Open your bmodal</b-button>
        <b-modal v-model="showModal">Yor modal is active!</b-modal>
        <b-form-input  id="inputText1" ref="inputText1" v-model="inputText" autofocus></b-form-input>

      </div>
    </template>

    new Vue({
      el: '#app',
       data() {
      return {
        showModal: false
      }
    },
  watch:{
    showModal:function(value){
     // set the focus when the modal opened/closed
      this.$refs.inputText1.focus();
    }
  },
      mounted(){
        // set the focus when the component opened
         this.$refs.inputText1.focus();
      },
      methods: {

      }
    });

---

b-form-input

（和

-select

和其他）上的

自动对焦

道具仅在安装表单控件时工作。如果模态设置为

静态

模式（不带

惰性

选项），则输入将被装载，但不可见/隐藏。自动对焦在这种情况下不起作用。如果

静态

，模态需要设置

延迟

道具，或者模态需要不是静态的。请注意，在BootstrapVue

v2.0.0-rc.21

中添加了特殊的

自动对焦

道具/功能。确保您使用的是最新版本。是的，自动对焦功能正常。我猜我的想法是错误的，我认为如果用户点击编辑，看到输入，并且第一个输入是集中的，那么应该足够清楚，他可以编辑输入字段。我的错。感谢所有人。我应该删除这个问题吗？