vue进入页面自动获取焦点

效果如图:
vue进入页面自动获取焦点_第1张图片
代码如下:

在input上添加自定义指令

<input type="text" v-focus="true" value="">

directives与data处于同级位置

directives: {
        focus: {
          inserted: function (el, {value}) {
            console.log(el, {value})
            if (value) {
              el.focus()
            }
          }
        }
      },

你可能感兴趣的:(前端开发小技巧,javascript,vue)