vue.$nextTick 在手機端沒法input.focus()

<div id="app">vue

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

  <input ref="input2">this

  <button @click="fn">按鈕</button>.net

</div>input

  var app = new Vue({cli

  el:"#app",next

  data:{di

    showInput:false手機端

  }data

  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版本及好了,新版本更新了什麼東西致使的暫時還不清楚

相關文章
相關標籤/搜索