最近 @vue/composition-api を触っていて、ウィンドウサイズを検知して値を取得する処理を書いたので備忘録として残します。 以下そのまま書いてもたぶん動きますが確認してないです。 import { defineComponent, reactive, onMounted, onBeforeUnmount, } f…

例えば以下のようなデータが渡されてきて、それをそのままHTMLとして解釈して表示したいとします。 contents = [ '<div>ふがふが</div>', '<div><a href="hogehoge.poriweb.com">リンクはこちら</a></div>' ] データを受ける側が下記のようになっているとします。 <div class="contents"> <span v-for="(content, i) in contents" :key="i" v-html="content" /> </div> この時、aタグの色を red にしたいとします。