vue.js elementUI implementa representación dinámica de paneles plegables y selección completa en CheckBox

1. Cuando el panel plegable se genera dinámicamente, se generan diferentes datos de plegado a través del ID de posición identificado de forma única, y el valor del nombre es ID de posición, que es conveniente para controlar la expansión y el plegado del panel plegable

2; Cuando el contenido del panel plegable se genera dinámicamente, el botón Seleccionar todo y el grupo CheckBox no entran en conflicto entre sí. Almacene datos en el formato de datos de positionID: la expansión está disponible aquí; haga clic en una sola casilla de verificación o seleccione todos los botones para comenzar a comparar dinámicamente el positionID del panel de operación actual:

2. El contenido del plegado. El panel genera dinámicamente grupos CheckBox sin entrar en conflicto entre sí. Obtenga el ID de posición del panel de operación actual. Si hay datos seleccionados, configure otros pliegues para que no estén disponibles. Si no está seleccionado, configure todos los paneles para que se muestren como disponibles.

4. Seleccione todos los botones, configure tres; estados, todos Seleccionar, deseleccionar todo y deseleccionar. Los diferentes estados corresponden a diferentes íconos. Haga clic en el ícono para iniciar la operación y el interruptor de función correspondiente. Al hacer clic en una sola casilla de verificación, obtenga la coincidencia del grupo seleccionado actualmente y actualice el estado. del botón Seleccionar todo.

1. El valor clave de CheckBox se establece en key-positionID para garantizar que se pueda encontrar el panel actualmente operado cada vez que se hace clic o se cambia para garantizar la unicidad, y luego se procesa dividiendo (' -') al guardar. ;

2. Identificar los datos asociados de diferentes paneles a través de la unicidad de positionID

3. Identificar los datos asociados de diferentes paneles a través de la unicidad de diferentes; paneles;

4. Identificar los datos asociados de diferentes paneles a través de la unicidad de diferentes paneles;

5. Identificar los datos asociados de diferentes paneles a través de la unicidad de diferentes paneles.