Nuxt.jsでtemplateにpugを使用しています。
htmlで下記のように書いたコードをpugに変換すると下記のようになりますが
()内の属性の部分が長い場合改行をしたいと思いいろいろ試してみますが
改行するとエラーがでてしまします。
一応書き方は覚えいるのですが下記のような変換ツールを使っています。
https://html-to-pug.com/
html
1 2 <div> 3 <LightGallery 4 :images="images" 5 :index="index" 6 :disable-scroll="true" 7 @close="index = null" 8 /> 9 <ul> 10 <li 11 v-for="(thumb, thumbIndex) in [ 12 'path/to/thumb_1.jpeg', 13 'path/to/thumb_2.jpeg', 14 ]" 15 :key="thumbIndex" 16 @click="index = thumbIndex" 17 > 18 <img :src="thumb"> 19 </li> 20 </ul> 21 </div> 22
div lightgallery(:images='images' :index='index' :disable-scroll='true' @close='index = null') ul li(v-for="(thumb, thumbIndex) in [\ 'gallery/bird-01.jpg',\ 'gallery/bird-02.jpg',\ ]" :key='thumbIndex' @click='index = thumbIndex') img(:src='thumb')
\ , 半角などいれ試してみましたがイマイチわからず
とりあえず改行しないことで対処していますがなにか良い書き方はないでしょうか?
あなたの回答
tips
プレビュー