uniapp小程序实现点击哪个盒子给哪个盒子添加选中样式

您可以通过以下步骤实现该功能：

1. 在每个盒子上添加一个点击事件，例如：

<view class="box" @tap="selectBox(1)">Box 1</view>
<view class="box" @tap="selectBox(2)">Box 2</view>
<view class="box" @tap="selectBox(3)">Box 3</view>

2. 在 data 中添加一个 selected 变量来保存当前选中的盒子序号：

data() {
  return {
    selected: -1 // 初始值为 -1 表示没有选中任何盒子
  }
}

3. 在 selectBox 方法中更新 selected 变量，并为选中的盒子添加样式，代码如下：

methods: {
  selectBox(index) {
    this.selected = index // 更新选中的盒子序号

    // 遍历所有盒子，为选中的盒子添加选中样式，未选中的盒子移除选中样式
    for (let i = 1; i <= 3; i++) {
      const box = this.$refs['box' + i][0]
      if (i === index) {
        box.classList.add('selected')
      } else {
        box.classList.remove('selected')
      }
    }
  }
}

4. 在样式表中添加 .selected 样式，以实现选中样式的效果：

.selected {
  background-color: #f00; /* 例如红色背景色 */
}

注意：上述代码中假设盒子的引用名分别为 box1、box2、box3，您需要根据实际情况修改。