在開發(fā)中,我們經(jīng)常會遇到需要禁用input框的情況,但是禁用后無法添加點擊事件的問題。這個問題可能會讓你感到十分困擾,但是不用擔心,本文將會為您介紹一種解決這個問題的方法。
解決方法很簡單,只需要在input框的父節(jié)點view中添加 style="pointer-events:none" 即可。具體實現(xiàn)如下:
<view class="nameBox" @click="selectPeo">
<input type="text" disabled style="pointer-events:none" v-model="gengzu" placeholder="請選擇線索填報人" placeholder-class="fontColor" />
</view>
這樣做的原理是,將view的點擊事件覆蓋在了input框上,使得input框不再響應(yīng)點擊事件,但是view仍然可以響應(yīng)點擊事件,從而達到了我們想要的效果。
需要注意的是,這個方法只適用于禁用input框的情況,如果input框沒有被禁用,使用這個方法可能會導(dǎo)致input框無法響應(yīng)輸入事件。
最后,希望本篇文章能夠幫助到您解決這個問題。如果您還有其他疑問或者建議,歡迎在評論區(qū)留言。
感謝您的閱讀,期待大佬的三連支持,蟹蟹!。
作者 Emo_TT??
文章來源地址http://www.zghlxwxcb.cn/news/detail-687445.html
文章來源:http://www.zghlxwxcb.cn/news/detail-687445.html
到了這里,關(guān)于前端 解決input框被禁用后無法添加點擊事件的bug 簡單易懂,快來圍觀的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!