Vue中如何实现多选并动态改变选中项的样式示例？
- 内容介绍
- 文章标签
- 相关推荐
本文共计295个文字，预计阅读时间需要2分钟。
1: HTML: 使用 `ul` 元素，并为其添加 `class=content`。在 `li` 元素中使用 `v-for` 指令遍历 `touristList` 数组，并为每个项目绑定 `@click` 事件处理函数 `onStorage`。同时，根据 `rSelect` 数组中的索引判断是否为活动状态，并设置 `key` 为 `item.id`。在 `li` 元素内部，使用 `div` 包裹 `item.name` 和 `item.sex`。
2: Data 中定义 `rSelect` 为空数组，以及变量 `t`。
本文共计295个文字，预计阅读时间需要2分钟。
1: HTML: 使用 `ul` 元素，并为其添加 `class=content`。在 `li` 元素中使用 `v-for` 指令遍历 `touristList` 数组，并为每个项目绑定 `@click` 事件处理函数 `onStorage`。同时，根据 `rSelect` 数组中的索引判断是否为活动状态，并设置 `key` 为 `item.id`。在 `li` 元素内部，使用 `div` 包裹 `item.name` 和 `item.sex`。
2: Data 中定义 `rSelect` 为空数组，以及变量 `t`。