vue3+vant实现:复选框选中后，在某一特定条件下，复选框即使点击也维持原有选中状态不变

使用官网提供的disabled属性，选中后会维持原有状态

		<van-checkbox-group
            v-model="checked"
            :disabled="props.status == 'true'"
          >
            <van-cell-group inset>
              <van-cell
                v-for="(item, index) in deviceList"
                clickable
                :key="item"
                :title="item.extras.basic.dispName"
                @click="
                  status == 'false' && toggle(index);
                  showTip(item);
                  changeSelect();
                  showTipRunning();
                "
                :style="{ '--titleColor': titleColor }"
                :class="`title${index}`"
              >
                <template #right-icon>
                  <van-checkbox
                    v-model="select"
                    :name="item"
                    :ref="(el) => (checkboxRefs[index] = el)"
                    @click.stop
                    @click="
                      changeSelect();
                      showTipRunning();
                    "
                  />
                </template>
              </van-cell>
            </van-cell-group>
          </van-checkbox-group>

可以自定义修改置灰后的按钮样式

	.van-checkbox--disabled {
          .van-checkbox__icon--disabled .van-icon {
            background-color: #2183e2;
            border-color: #2183e2;
          }
        }