En desarrollo, a menudo nos encontramos con el problema de tener que deshabilitar el cuadro de entrada, pero el evento de clic no se puede agregar después de deshabilitarlo. Este problema puede molestarle, pero no se preocupe, este artículo le presentará un método para resolverlo.
La solución es simple, simplemente agregue style="pointer-events:none" a la vista del nodo principal del cuadro de entrada . La implementación específica es la siguiente:
<view class="nameBox" @click="selectPeo">
<input type="text" disabled style="pointer-events:none" v-model="gengzu" placeholder="请选择线索填报人" placeholder-class="fontColor" />
</view>
El principio de esto es superponer el evento de clic de la vista en el cuadro de entrada, de modo que el cuadro de entrada ya no responda a los eventos de clic, pero la vista aún pueda responder a los eventos de clic, logrando así el efecto deseado.
Cabe señalar que este método solo es aplicable cuando el cuadro de entrada está deshabilitado. Si el cuadro de entrada no está deshabilitado, el uso de este método puede hacer que el cuadro de entrada no pueda responder a los eventos de entrada.
Finalmente, espero que este artículo pueda ayudarte a resolver este problema. Si tiene alguna otra pregunta o sugerencia, deje un mensaje .
¡Gracias por leer y espero contar con tu apoyo continuo, Crab! .
AutorEmo_TT