Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/eclipse/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 模式自动对焦上的引导vue输入_Vue.js_Bootstrap Vue - Fatal编程技术网

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

Vue.js 模式自动对焦上的引导vue输入,vue.js,bootstrap-vue,Vue.js,Bootstrap Vue,我在模态上有一个引导vue输入 <b-form-input id="inputText1" ref="inputText1" v-model="inputText" autofocus></b-form-input> 模式是引导vue模式,显示/隐藏由v-if指令控制 当模态打开时,输入具有焦点。如果我关闭模态,输入就没有焦点了 我曾尝试在每次挂载模式时设置自动聚焦属性,但它仍然无法聚焦。我也尝试过使用$nextTick。我建议您在vue引导模式下使用v-mode

我在模态上有一个引导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
中添加了特殊的
自动对焦
道具/功能。确保您使用的是最新版本。是的,自动对焦功能正常。我猜我的想法是错误的,我认为如果用户点击编辑,看到输入,并且第一个输入是集中的,那么应该足够清楚,他可以编辑输入字段。我的错。感谢所有人。我应该删除这个问题吗?