vue+iview 动态生成的input组件只能获取一次焦点问题

用的iview框架,触发Input的自动获取焦点的功能:

1585206010096.jpg

但是动态生成的input组件只能获取一次焦点

上代码
html

{{info.positionName}}

js

//data值
data() {
    return {
        this.currentIndex_file = null;
        this.currentFile = null;
    }
},
//methods方法
methods:{
    getcurFile(index){
      this.currentIndex_file = index;
      //将当前的赋值给currentIndex
      this.currentFile = index;
      //写在$nextTick,动态获取ref
      this.$nextTick(()=>{
        this.$refs['file'+index][0].focus()
      })
    }
}

完美解决~

你可能感兴趣的:(vue.js,iview,input)