aタグ href属性で、link_toと同じようにmethod指定する方法

1756 ワード
scss Rails haml Rails テキストリンク

結論

・aタグhref属性を使う際にも、
　例えば"data-method" => "delete"と記述することでmethod(Verb)を指定でき、
　link_toのように柔軟なリンク設定ができます。
・また、"data-confirm" => "この投稿を削除してよろしいですか?"というように、
　アラート設定することもできます。
・2行目の:titleで設定したテキストは、アイコンにマウスオンすると表示されます。

%a.btn.btn-danger{"aria-label" => "Delete", :href => "/posts/#{@post.id}", "data-method" => "delete", "data-confirm" => "この投稿を削除してよろしいですか?"}
　%i.far.fa-trash-alt{"aria-hidden" => "true", :title => "この投稿を削除しますか？"}
　%h.about_delete_button 削除する

仕上がりはこんな感じになります。

経緯

・font-awesomeのアイコンを利用し、それにリンクを貼るコードを記述する際に、
　コーディングをググってみたところ、href属性を使う必要性があるようでした。
・link_toではmethod指定することに慣れていたのですが、今回は記述方がすぐには分からず。
・該当する記事がすぐに見つからなかったので、簡単ですがメモとして残しました。

参考にさせていただいた記事

https://qiita.com/haruya_hamasaki/items/b69de2c680bb01d88017
https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute

ご指摘等ありましたらコメントいただければ幸いです、