关于uniapp 中uview input组件设置为readonly 大概disabled input区域不可 ...

<u-form-item
              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)"
          >
                <u--input
                    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"
                ></u--input>
            </u-form-item>

在最外层绑定@click="bindClick(item)" 事件 在u--input 设置style="pointer-events:none"
就可以顺遂触发bindClick 事件

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告