Entrevista preguntas-problemas encontrados en el proyecto y soluciones

Problema 1: el iframe de Chrome no puede establecer cookies en todos los dominios.

Motivo: después de la actualización de Chrome a 80, el mismo sitio se establece por defecto en Lax.

Solución: establezca el mismo sitio en Ninguno, Seguro (debe establecerse seguro, de lo contrario no es válido)

Problema 2: Safari no puede establecer cookies en todos los dominios

Causa: Desconocido

Solución: Método 1: Abra la página primero, y hay cookies en la configuración, luego la configuración entre dominios está bien. Método 2: window.open (url). Apagado, cargue de esta manera para configurar las cookies

Pregunta 3: haga clic en Aceptar en el cuadro emergente para pasar a la siguiente capa

Solución: establezca el índice de nivel del marco de viñeta: 9999

Pregunta 4: Error de sintaxis no detectado: token inesperado '<'

Razón: la ruta anidada está empaquetada como el directorio raíz, lo que hace que los archivos en público se ejecuten dentro

Solución: agregue <% = BASE_URL%>  directorio raíz predeterminado '/' antes de la ruta de referencia 

Pregunta 5: el componente del conmutador v-if no se actualiza

Razón: La posible razón es que Vue reconoce componentes similares (muy similares o incluso iguales) y no actualizará los elementos.

Solución: agregue valores clave diferentes a dos componentes muy similares para que Vue pueda reconocerlos como componentes diferentes. (Yo uso la marca de tiempo para distinguir). Aquí debe comprender la importancia de la representación de elementos vue y el valor clave.

Pregunta 6: el cuadro de entrada muestra un marco negro en el estado activo

resolver:

input {
    outline: none; /*解决active状态显示黑色边框*/
}

Pregunta 7: Los eventos de teclado de enlace de Vue no funcionan.

resolver:

@keyup.delete='deleteKeyup(e)'  // 无效

@keyup.delete.native='deleteKeyup(e)'  //无效

在mounted方法里面监听案件绑定
this.$nextTick(()=>{
    document.onkeydown=(e)=>{
       if(e.keyCode == 46){//这是delete健，当然也可以根据自己的需求更改
          this.deleteKeyup()//操作方法
       }
    }
})