如何在Elm中创建HTML数据属性？

发布时间：2020-12-14 21:35:47 所属栏目：资源来源：网络整理

导读：我需要使用自定义的“data- *”属性标记我的Elm.Http元素，例如： tr data-row="1".../tr 我已经尝试过以下内容： import Html exposing (..)import Html.Attributes exposing (..)import Json.Encode as JsEncodeview ... = tr [ property "data-row" (JsEn

我需要使用自定义的“data- *”属性标记我的Elm.Http元素，例如：

<tr data-row="1">...</tr>

我已经尝试过以下内容：

import Html exposing (..)
import Html.Attributes exposing (..)
import Json.Encode as JsEncode

view ... =
  tr [ property "data-row" (JsEncode.string (toString 1)) ]

但这没有什么。有人知道吗

我认为问题是Elm实际上是设置JavaScript的DOM属性，所以我真的想要调用element.dataset.row =“1”。

背景是我需要为我的事件处理程序公开一些数据到jQuery，因为Elm事件库缺少一些我需要的功能，如条件preventDefault和表单序列化。还有其他方法可以通过DOM提供数据，但是data- *属性是最直接的。

解决方法

可以使用 attribute功能。

view ... =
    tr [ attribute "data-row" "1" ]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!