Casilla de verificación de bucle en vue vant

Casillas de verificación de bucle en vant, el efecto es el siguiente
inserte la descripción de la imagen aquí

Al principio, no sabía qué valor debería vincularse de la lista devuelta para la casilla de verificación marcada. Si lo vincula casualmente, estará seleccionado o no, por lo que no puede controlar uno por uno.

Código de implementación: elemento [indefinido cuando no se usa el atributo del objeto]

  <van-swipe-cell v-for="(item, index) in dataList" :key="index">
        <van-row style="display: flex; align-items: center">
          <van-col span="4" style="display: flex; justify-content: center">
            <van-checkbox
              v-model="item.checked"
              @click="rowChange"
            ></van-checkbox>
          </van-col>
          <van-col span="20">
            <van-cell
              :border="true"
              :title="item.rolL_PLAN_NO"
              :value="item.count"
            />
          </van-col>
        </van-row>

La lista devuelta es la siguiente. Puede ver que no hay ningún atributo marcado.
inserte la descripción de la imagen aquí
Puede ver lo siguiente a través de la herramienta de depuración vue:
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/qq_45989814/article/details/124438706
Recomendado
Clasificación