当前元素点击，怎么改变兄弟元素样式（没dom操作，不会-o(╥﹏╥)o）
发布于 5 年前 作者 rma 9835 次浏览 来自 问答

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

1 回复

  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
      })
    })
回到顶部