poriweb

備忘録とか

2018-11-01から1ヶ月間の記事一覧

v-htmlにscopedでcssをあてる

例えば以下のようなデータが渡されてきて、それをそのまま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 にしたいとします。