More than 3 years have passed since last update.

link_to の復習

Last updated at 2020-07-07Posted at 2020-07-07

#link_toの基本形

<%= link_to "テキスト", "リンク先のパス" %>
<!-- 例 -->
<%= link_to "Yahoo!", "https://www.yahoo.co.jp/" %>

#link_toのmethodオプション

<!-- 例 -->
<%= link_to "削除", "/users/1", method: :delete %>

何も指定しないとGETが指定される。

#link_toのtargetオプション
_blankで新規のウィンドウを開いて表示させる。
_selfで現在のウィンドウで表示させる

<%= link_to 'link_toリファレンス', yokota_path , { :class => "outer", :target => "_blank"} %>

#link_toのclassオプション

<%= link_to "トップページ", "/", class: "hoge" %>

#link_toとhtmlの合わせ技

<%= link_to "/" do %>
  <i class="fas fa-home"></i> トップページ
<% end %>

#画像のリンクを作成しよう

<%= link_to image_tag('test.jpg', class: "クラス名"), 'パス' %>

#dataオプションを使う

<%= link_to "削除", user_path(user), method: :delete, data: { confirm: "本当に削除しますか？" } %>