关于uniapp 中uview input组件设置为readonly 或者disabled input区域不可点击问题

              v-for="item in formLabel"
                :key="item.prop"
                :label="item.label"
                :labelWidth="item.labelWidth ? item.labelWidth : '140rpx'"
                :prop="item.prop"
                :borderBottom="item.borderBottom"
                ref="item1"
                @click="bindClick(item)"
          >
                                     v-model="formData[item.prop]"
                    :placeholder="item.placeholder ? item.placeholder : '请输入' "
                    border="none"
                    class="custom-input"
                    :readonly="item.type == 'select'"
                    :suffixIcon="item.icon"
                    style="pointer-events:none"
                >
            

在最外层绑定@click="bindClick(item)" 事件 在u--input 设置style="pointer-events:none"

就可以顺利触发bindClick 事件

你可能感兴趣的:(uni-app,java,前端)