如下,輸入的地方是個選擇項,代碼如下:
<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>
發現在手機上點擊輸入框之后的三角圖標能彈出選擇項,點擊前面的輸入框卻無法打開選擇項。
修改成下面的就可以解決這個問題,讓點擊前面的文字部分也能讓click有效:
<u-form-item class='u-form-item' label="監督主題" p