vue.$nextTick 在手机端无法input.focus()

<div id="app">

  <input ref="input1" v-show="showInput">

  <input ref="input2">

  <button @click="fn">按钮</button>

</div>

  var app = new Vue({

  el:"#app",

  data:{

    showInput:false

  }

  methods:{

    fn(){

    this.$refs.input2.focus()       //这个始终显示的input 可以实现手机端pc端focus

    this.showInput = true

    this.$nextTick(()=>{

    this.$refs.input1.focus()      //这个通过点击控制显示的input 在pc可以实现focus,手机端无效

    })

  }

})

这里有线上演示
http://jsfiddle.net/jfk35hp2/7/

  最后发现是vue版本问题 ,退到2.3.4版本及好了,新版本更新了什么东西导致的暂时还不清楚

posted @ 2018-04-27 15:59  lithium7  阅读(1208)  评论(0编辑  收藏  举报