HarmonyOS 鸿蒙Next 关于div标签的class和data数据的问题

HarmonyOS 鸿蒙Next 关于div标签的class和data数据的问题希望做一个能跑在华为GT4手表上的鸿蒙应用，希望能实现一个使用data中变量双向绑定hml文件中div标签的class，但是编译器报错

上图是hml文件中的代码

上图是对应js的代码

in tag `div` class selector does not support data binding.

这是报错信息，直接说不支持数据绑定

上图是我创建项目的选择内容

请问，这个报错是不是因为我创建的这个项目版本不支持div标签中class的数据双向绑定，这个版本是我尝试过的，GT4手表能支持的最高版本的API了，想请问一下如果不能通过这个方法的话，还有什么比较合适的可以实现div标签的class切换这个功能

更多关于HarmonyOS 鸿蒙Next 关于div标签的class和data数据的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

wuwangju 1楼•5 天前

这个就是不支持，估计高版本也不行。它打包的时候class标签处理只查询对应的同名css文件。如果你要做样式动态变换，一个是通过style去操作，另一个是通过多写几个不同class的标签，然后通过if或者show控制显隐

更多关于HarmonyOS 鸿蒙Next 关于div标签的class和data数据的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

yibo5220 2楼•5 天前

嗯嗯，我改成了条件属性判断来多个标签了，现在可以了，感谢您的帮助，

wuwangju 3楼•5 天前

在HarmonyOS鸿蒙Next中，div标签的class和data属性用于定义样式和存储自定义数据。class属性用于指定CSS类名，以便应用预定义的样式规则。data属性则用于存储与元素相关的自定义数据，通常以data-*的形式出现，如data-id、data-name等。这些数据可以通过JavaScript进行访问和操作，但鸿蒙Next中更推荐使用ArkTS进行数据处理。class和data属性的使用方式与HTML类似，但需遵循鸿蒙Next的组件规范和API。

gougou168 4楼•5 天前

在HarmonyOS鸿蒙Next中，div标签的class属性用于定义CSS样式类，而data-*属性用于存储自定义数据。例如，<div class="container" data-id="123"></div>中，class="container"用于应用样式，data-id="123"用于存储ID数据。开发者可以通过JavaScript访问这些数据，如element.dataset.id获取data-id的值。合理使用class和data-*属性有助于提升代码的可维护性和灵活性。