typescript

vue-scrollto などの smooth scroll を利用する対象に、 nuxt-link を指定すると正しくスクロールしない

nuxt 利用時、URLに hash ( #hoge ) を設定すると同時に、スムーズにするロールするを行いたい場合、一般の方が書いた記事には、to をカラにすればいいと書いてありますが、正しく動作しない条件が存在します。 <div id="note"></div> <nuxt-link to v-scroll-to="'#note'">noteクリック</nuxt-link> <div id="memo"></div> <nuxt-link to v-scroll-to="'#memo'">memoクリック</nuxt-link> このように記載…

Vue3 を利用するときに、どうやって this.$scrollmagic を取得するのか

Vue2 から Vue3 になり、出来ることは変わりませんが、 以前では root context にアクセスするためには、this という書き方でよかったものが、composition-api に変わった今後、どのように書けばよいのかを書きます。例えば、this.$scrollmagic と書けていた…

vue.js や react を使用したとき、formrun のバリデーションが機能しない

オリジナルデザインのformを作るときに利用するサービスに formrun というサービスがありますが、 React や Vue.js を使うと、ビルドをすれば動くが、npm start した local 実行の時や、ページ遷移後に、form の validation が動かない問題があります。動か…