input设置为disable,不能点击

今天项目中遇到了一个小问题,用的vue,封装了一个模拟的input,点击后可以弹出dialog,绑定的点击事件放在了引用的那里
    

在Chrome测试没有问题,用火狐浏览器发现,input不能点击,只能点击input外部的div,网上查找后发现,是因为disabled不能被选择,所以click事件也不能触发,解决方法是换成readonly即可,就是会出现光标,暂时还没有解决,思路是不用input模拟回显,改用其他div或者span标签

    

你可能感兴趣的:(input设置为disable,不能点击)