created(){ this.changfouce(); }, methods: { //在vue生命周期的created()鈎子函數進行的DOM操作要放在Vue.nextTick()的回調函數中, //因為created()鈎子函數執行的時候DOM並未進行任何渲染,而此時進行DOM操作是徒勞的,所以此處一定要將DOM操作的JS代碼放進Vue.nextTick()的回調函數中。 changfouce(){ this.$nextTick((x)=>{ //正確寫法 this.$refs.inputs.focus(); }) this.$refs.inputs.focus(); //錯誤寫法 } },
