cohki0305 / sns-app

2 stars 1 forks source link

インスタ風アプリ #15

Open Tomohiro-Nagahori opened 4 years ago

Tomohiro-Nagahori commented 4 years ago

①2-11のfilter機能について

②動画にあった、ダサい感じでの日時の表記はされるのですが、filterで加工したものが出ません。コードがそのまま出てしまいます。👇

渋谷なう

${year} / ${monthIndex + 1} / ${day} ※詳しくはこんな感じです

③Post.vueのコード👇

> ④コードを確認しましたが、分かりませんでした。filterのコードを書く前には、ダサい感じの日時は表示されていたので、dateのほうは問題ないかなと思いました。 ⑤一応、コンソール画面を確認しましたが、エラーなどは出ていないようです。僕のVScodeの環境で何かインストールしなければfilter機能を使えないのでしょうか。。 ⑥Tomo ⑦2-11
cohki0305 commented 4 years ago

ちょっとそれだと読めないのでmarkdown記法なり使ってコードを整形してもらっていいですか...? あとHTMLも含めて共有していただきたいです。

この記事を参考にするとよいかと思います。 https://qiita.com/Qiita/items/c686397e4a0f4f11683d

Tomohiro-Nagahori commented 4 years ago

すみません、返信遅れました。。(- -)( ) また、本当に無知なのでmark down記法のことを知らず、調べて書いてみました。 間違っていたらに申し訳ありませんが、よろしくお願いいたします。。

Post.vueのコード👇

  1. >
cohki0305 commented 4 years ago

丁寧にありがとうございます!

return '${year}${monthIndex + 1}/${day}'

ここに問題ありそうです! これだと「${year}${monthIndex + 1}/${day} という文字列を表示する」ということになるのですよ。 なので、 ${year}${monthIndex + 1}/${day} というふうに書いてあげましょう!こうすることで変数が展開されて想定通りに表示されるはずです。

Tomohiro-Nagahori commented 4 years ago

すみません、自分には違いがよくわからないのですが、アポストロフィーをとるということでよろしいでしょうか?

cohki0305 commented 4 years ago

あーごめんなさい!markdownによってわかりにくくなってますね...

`${year}${monthIndex + 1}/${day}`

バッククオーテーションを使ってあげるのが正しいです!

Tomohiro-Nagahori commented 4 years ago

なるほどです!!

出来ました!☻

ありがとうございました!(- -)( )