#問題
pugで文章中に変数を使いたいときの書き方がわかりませんでした。
#具体例
_layout.pug↓
_layout.pug
1block vars 2 - var vars = "" 3<!DOCTYPE html> 4html 5 head 6 meta(charset="UTF-8") 7 meta(http-equiv="X-UA-Compatible", content="ie=edge") 8 meta(name="viewport", content="width=device-width, initial-scale=1.0") 9 block title 10 title ページタイトル 11 link#style1(rel="stylesheet", href="css/style.css") 12 link#style2(rel="stylesheet", href="css/style-#{vars[0]}.css") 13 body(class= vars[0]) 14 header 15 block header 16 main 17 block main 18 footer 19 block footer 20 block footer_script
index.pug
extends _layout block vars -var vars = ["index"]
って感じですが、
_layout.pugの12行目の
link#style2(rel="stylesheet", href="css/style-#{vars[0]}.css")
のvars[0]が変換してもらえたら嬉しいのですが、
どう記述すればいいでしょうか。
!{vars[0]}も試してみましたがダメでした。
#他の方法
まるっと変数化しちゃえばいけるんでしょうけど、なんか悔しい。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。