vue.js - vue开发的项目，想在页面打开的时候使input自动聚焦，使用的官方的自定义指令，但是在ios真机上测试无效

Question

Vue.directive('focus', {
  // 当绑定元素插入到 DOM 中。
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

<input type="text" v-focus>

Answer 1

可以使用autofocus="autofocus"

Answer 2

According to this page, autofocus is not supported in iphone/ipad for usability reasons.

根据 这篇文章 autofocus 或者 el.focus() 因为使用体验问题，苹果不让在 iphone/ipad 上用。因为 focus，可能会带来页面缩放，打开页面，突然缩放，体验太差，大苹果不能忍受吧。

Answer 3

手动搞一波呗..
mounted() {
xxx.focus()
}