WXOPEN Club

当前元素点击，怎么改变兄弟元素样式（没dom操作，不会-o(╥﹏╥)o）

发布于 7 年前作者 rma9977 次浏览最后编辑 7 年前来自 ask

功能就是，点击每一项后前面圆点选中，其他项取消选中效果（没有dom操作，不会写了）

1 回复
xfeng
xfeng1 楼5 年前

  1. 你每一项应该有个表示 isChecked 对吧，用户选中那一项应该是 <view data-current-item="{{ item }}" class="{{ item.isChecked ? 'item-checked' : ''" }}>...</view>

  2. 然后

    const { currentItem } = e.currentTarget.dataset
    this.setData({
      items: this.data.items.map((item) => {
        if (item.id !== currentItem.id && item.isChecked) {
          item.isChecked = false
        }
        return item
      })
    })