テンプレートリテラルつかわずに改行してHTML表示する方法

created at:

ちょっとビビった。たしかにそういうやり方があるにはあるのだが。

 template: [
   '<div>',
     '<transition-group name="fade" tag="ul">',
       '<li v-for="post in posts" v-bind:key="post.title.rendered">',
         '<a :href="post.slug" @click.prevent="onclick(post)">{{post.title.rendered}}</a>',
       '</li>',
     '</transition-group>',
     '<button @click="loadMore">load more</button>',
   '</div>'
 ].join('\n')

参照:https://qiita.com/nanonum/items/a335ba09fc2c2c4e3d5e#htmlcssjs%E4%B8%B8%E3%81%94%E3%81%A8%E3%82%B3%E3%83%BC%E3%83%89

配列にして改行をjoinだと…! その手は思いつかなかった…!

だがテンプレートリテラルを使え

アーカイブ一覧へ戻る

アーカイブ記事のため、内容に関する更新依頼は受け付けておりませんが、誤字や脱字などありましたらご連絡ください。

この記事に関する修正依頼
トップページに戻る