uni u-form-item 只有图标点击有效

如下，输入的地方是个选择项，代码如下：

<u-form-item class='u-form-item' label="监督主题" prop="themeName" borderBottom  ref="item1" @click="openPopup('0')" >
                <u--input v-model="form.themeName"  disabled disabledColor="#ffffff" placeholder="请选择监督主题"
                    border="none" ></u--input>
                <u-icon slot="right" name="arrow-right"></u-icon>
            </u-form-item>

发现在手机上点击输入框之后的三角图标能弹出选择项，点击前面的输入框却无法打开选择项。