タグ

ブックマーク / qiita.com/ksakiyama134 (2)

  • v-dialogの再び開いたダイアログのスクロール位置を初期値に戻す - Qiita

    概要 Vuetify でスクロールのある大きめなダイアログを v-dialog で実装している場合。 ダイアログを開いてスクロールする ダイアログを閉じる またダイアログを開く とすると、2回目のダイアログのスクロールがTopに戻っておらず、1回目に開いたときのスクロール位置を保持したままになってしまいます。 ※ Vuetify は v1.5 の場合です 解決方法 issueにあった解決策を参考に実装を行いました。ダイアログが Active になると v-dialog--active class がついた div タグができるので、それの scrollTop を 0 にするとスクロール位置が元に戻りました。ダイアログが Active になったタイミングで scrollTop = 0 をする必要があるので、 updated() を利用しました。 Dialog scroll position

    v-dialogの再び開いたダイアログのスクロール位置を初期値に戻す - Qiita
    kathew
    kathew 2020/06/16
    この手の場合、都度ダイアログを生成した方が良いケースも(component :is="hoge"を駆使して、閉じる度にコンポーネントを破棄して開く度にコンポーネントを生成)
  • インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita

    VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います! Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、当におすすめです。 追記:Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https:/

    インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
    kathew
    kathew 2018/11/05
    “4. Bracket Pair Colorizer”これめちゃくちゃ便利そう
  • 1