Aquí hay un informe de error al desarrollar funciones relacionadas con el carrito de compras, como se muestra en la figura.
El motivo de la búsqueda es que la uni-app que desarrollé es la versión vue3, pero cuando uso vuex, se usa el formato de la versión 2.
1. Primero configure vuex
1. Cree una
carpeta de tienda
en el directorio raíz del proyecto , utilizada específicamente para almacenar
módulos relacionados con vuex .
2.
Haga clic derecho en el directorio de la tienda, seleccione
Nuevo
-
> archivo js y cree un nuevo archivo store.js .
3. Inicialice el objeto de instancia de Store de acuerdo con los siguientes 4 pasos en store.js
código antes del error
Modifique el código anterior a lo siguiente
4. Importe el objeto de la instancia de la tienda en main.js y móntelo en la instancia de Vue . Tenga en cuenta que debe agregarse debajo de la posición #ifdef VUE3.
5. Haga clic derecho en el directorio de la tienda, seleccione Nuevo - > archivo js , cree el módulo de tienda del carrito de compras y asígnele un nombre.
carrito.js
6. En
cart.js
, inicialice el siguiente
módulo
vuex
7. En la
página
mercancías_detail.vue , modifique
el código en la etiqueta <script></script> de la siguiente manera:
8. Al renderizar la página, puede utilizar directamente los datos mapeados.
