Tengo una aplicación vue 1. Necesitaba un selector de búsqueda y como no pude encontrar uno que funcionara, hice uno yo mismo.
Este selector se compone de dos partes:
Quería lograr que cuando enfoco la entrada, aparece la selección y me permite elegir algunas entradas. Cuando y solo cuando "borro" mi componente personalizado, lo que significa que hago clic fuera de la entrada y de la selección, se activa un método que emite cosas y, lo que es más importante, oculta la selección.
Primero intenté usar @blur y @focus , en la entrada, pero cuando hago clic en seleccionar, la Entrada se desenfoca y cierra todo.
Luego traté de estropear la bandera enfocada para no desenfocar si se presiona el botón del mouse sobre la selección, pero el selector no se cerrará a menos que vuelva a enfocar la Entrada.
También traté de definir una directiva personalizada para capturar cuando hago clic en el cuerpo, pero al ser mi componente del cuerpo, se cierra inmediatamente cuando hago clic en él.
Incluso traté de usar @focus y @blur en la selección también y mostrar el selector cuando cualquiera de ellos está enfocado, pero aparentemente la selección nunca se enfoca
Así que finalmente traté de forzar la selección para que también se enfocara cuando la Entrada es, pero esto solo se puede lograr con referencias y cada referencia que uso no está definida, no importa cuándo o dónde la registro o la uso, siempre son indefinido.
¿Alguna idea de cómo puedo lograr algo similar?