6
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-09-14

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

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

.className data-test=""

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

##おまけ
link_toに付ける場合は

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

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

6
5
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?