colección lógica de casilla de verificación vue3

HTML

 1. Idea lógica de opción: confirme de acuerdo con el valor del atributo de valor que viene con la opción, y luego obtenga la opción seleccionada por el usuario a través de e.target.value, y luego declare una variable de opción para recibir la opción en la que hizo clic usuario

código js:

  2. Idea lógica de selección única: es necesario obtener el estado de clic y el valor de clic del clic del usuario. Aquí puede definir qué vincular. Se recomienda vincular la unicidad de la identificación, porque el valor del clic Cambia, por lo que el valor vinculado aquí es dinámico. Estos dos valores se obtienen al hacer clic en el evento e y se procesan mediante el enlace de evento de enlace bidireccional seleccionado del modelo v. Siempre que la opción sea de selección única , La matriz seleccionada se borrará. Si el valor marcado es verdadero, simplemente asigne el valor seleccionado a la matriz seleccionada, porque el valor obtenido es un tipo de cadena, por lo que debe envolverse en una matriz.

código js:

 3. Idea lógica de seleccionar todo: juzgue si seleccionar todo de acuerdo con el valor de estado de si el cuadro de opción Seleccionar todo está seleccionado. Si está seleccionado, recorra la lista para obtener todos los ID de la página actual y presione todos los identificadores de la página actual en la matriz seleccionada. Si no está seleccionada, borre la matriz seleccionada.

código js:

   4. Lógica de selección inversa: declare una nueva matriz, recorra toda la lista y seleccione la matriz seleccionada mediante enlace bidireccional, use el método incluye () para determinar si la identificación de la lista está incluida en la matriz seleccionada y devuelva un valor booleano. Cuando sea sencillo, inserte los valores no seleccionados en la nueva matriz y luego asigne la nueva matriz a la matriz seleccionada.

código js:

   5. Idea lógica de eliminación por lotes: convierta la identificación seleccionada en la matriz en una cadena mediante el método de unión de matriz, determine si la matriz seleccionada tiene un valor y llame a la interfaz de eliminación para eliminarla si es así.

código js:

 

  código de declaración js:

 

Supongo que te gusta

Origin blog.csdn.net/m0_71735156/article/details/131966169
Recomendado
Clasificación