スマホ用にボトムナビゲーションをつけてみたけど、
INPUTのフォーカス時に邪魔なので、消したいなと。。
フォーカス中かどうかをは判定するために、いろいろ調べたときの備忘録
@focusと@blurでイベントを取得する
- フォーカスすると、
@focus
が呼ばれ - フォーカスが外れると、
@blur
が呼ばれるらしい
それに合わせて、状態を変更してあげればOK(´ω`)
<template> <input type="text" @focus="isFocus = true" @blur="isFocus = false" /> </template> <script> import { Component, Vue, Prop } from "nuxt-property-decorator"; @Component export default class FocusInput extends Vue { private isFocus: boolean = false; } </script>
以上!!