Varios errores en el uso de quasar1.X

quasar comenzó a usar la versión 0.x y luego se actualizó a 1.x. Ahora la última versión es la 2.0.3. Las diferencias entre versiones son relativamente grandes. Quería actualizar el proyecto desarrollado en la versión 0.x a la versión 1.x, pero descubrí que las diferencias eran demasiado grandes y había demasiadas cosas que debían modificarse, por lo que no tenía nada que hacer. opción más que rendirse.

Más tarde intenté desarrollar un nuevo proyecto utilizando la versión 1. ciertos datos.

La sintaxis de la anotación del documento en el sitio web oficial chino es así

Al principio parece muy simple. La sintaxis de este componente q-table es la misma que la de la versión anterior. pero después de ejecutar de acuerdo con la sintaxis anterior, la tabla de datos todavía no puedo extraer los datos y todavía estoy desconcertado.

Normalmente estoy más acostumbrado a mirar el sitio web oficial chino, así que revisé la versión china del sitio web oficial. Más tarde, intenté mirar la versión en inglés del sitio web oficial y me sorprendió descubrir que la sintaxis era:

De acuerdo con la sintaxis anterior, la cambié a: filas, el problema Se resolvió y los datos de la tabla llegaron como se esperaba.

No puedo evitar suspirar: ¡la intención de este quásar es atormentarnos a los desarrolladores!

Cada vez que sufres una pérdida, ganas sabiduría. En el futuro, solo podrás consultar materiales en inglés tanto como sea posible.

Requisito: aparece una casilla de verificación antes de cada fila de registros en la tabla, lo que permite la selección única o múltiple de registros de datos.

La sintaxis para marcar en el sitio web oficial chino es la siguiente:

La sintaxis para marcar en el sitio web oficial en inglés es la siguiente:

Después de la confirmación, : selected.sync="selected", el modificador de error de sintaxis '.sync' en la directiva 'v-bind' está obsoleto. Utilice 'v-model:propName' en su lugar vue/no-depreca aparece directamente. Si se modifica a la misma sintaxis que la versión 0.x: seleccionado="seleccionado", aunque el error de sintaxis ya no aparece, la casilla de verificación no se puede seleccionar.

Según v-model:selected="selected", cada registro se puede seleccionar normalmente.

No puedo evitar quejarme: ¡la experiencia que finalmente acumulé puede matar gente!

Requisito: quasar llama a servicios back-end.

El servicio back-end y el servicio front-end están en diferentes puertos y diferentes direcciones IP, pero no

el encabezado 'Access-Control-Allow-Origin' está presente en el error de recurso solicitado

, lo que significa que el acceso entre dominios no es compatible actualmente.

Entonces, de acuerdo con los requisitos del documento, primero configuré el proxy y luego intenté modificar el encabezado, pero aún así no pude acceder al servicio back-end y se produjo el error entre dominios anterior. .

Más tarde, me quedé sin opciones, ya que el backend usaba koa2, agregué e instalé el módulo koa2-cors en el backend y luego. . . . ¡El problema entre dominios está resuelto! ! !