slimでカスタムデータ属性を設定してみた

今回起きたこと

今回railsプロジェクトに携わり、javascriptやreactなど触る機会が増えた。
そこでjavascript側にカスタムデータ属性を渡すことになったのだが、
調べても全くわからず時間を無駄にしてしまった。。。。
slimのlink_toなどにdata属性を設定する方法はたくさん出てくるのに、
divやspanなどに設定する方法があまり乗っていなかった。

結論

divやspanなどにカスタムデータを設定するには
めちゃくちゃ簡単だった。。。

.className data-test=""

とやるだけだった。
こんな簡単なことで30分ほど時間を無駄にしてしまった。

おまけ

link_toに付ける場合は

= link_to '', class: 'className', data: { data_name: '' }

これで設定できる見たい。。

[紹介元] HTMLタグが付けられた新着投稿 – Qiita slimでカスタムデータ属性を設定してみた

関連記事