nukosuke https://blog.hatena.ne.jp/nukosuke/ オフトゥン大好き。 https://nukosuke.hatenablog.jp/ vue.js プログラミング css AngularJSとReactは使ったことがあるけど、Vueを触ったことがなかったので練習がてらシングルページのポートフォリオサイトを作ったりしてる。で、トランジションについてやり方が分かったのでメモしておく。表示と非表示のコンポーネントが干渉してカクカクするのを解決しようと調べたらin-out, out-inというオプションがあることがわかったが、つけてみてもなぜか適用されない。だいぶハマったがこれはv-transitionに対するオプションのよう。今回使ったのはtransition属性。違いがいまいちわかってないがCSSでanimation-delayを指定するとうまくいった。 で、サンプ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnukosuke.hatenablog.jp%2Fentry%2F2016%2F05%2F05%2F195951" title="Vue.jsをちょこっといじってみた - オフトゥン大好き。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-05-05 19:59:51 rich https://nukosuke.hatenablog.jp/entry/2016/05/05/195951 1.0 100%