uview-plus中如何在u-form-item的u-input禁用时仍触发click事件?

Question

uview-plus中 嵌套在u-form-item 中的u-input 如果设置了disable 那么绑定在u-form-item中的click事件在手按到u-input的区域后click事件会失效 如何让这事件继续运行？

我可以用text来代替这个u-input但最好还是用u-input

u-form-item中的click事件不被u-input影响

Answer 1

方法一: 不使用disable, 而是在输入框的input事件中做处理, 为true时拦截掉所有输入
方法二: 用v-if做判断, 不能输入时,不显示input, 而是显示div, 否则才显示input

Answer 2

在uview-plus中，如果u-input被禁用（disable），那么它不会触发click事件。这是因为disabled属性通常会阻止元素响应用户交互事件。

如果你希望在u-input被禁用时仍然触发click事件，你可以考虑使用其他方法来实现类似的功能。以下是一种可能的解决方案：

1. 使用u-button代替u-input：你可以将u-button放在u-form-item中，并将其样式设置为与u-input相似。然后，你可以将所需的输入值作为按钮的标签或数据属性。这样，即使u-input被禁用，你仍然可以通过点击u-button来触发click事件。
2. 使用JavaScript监听事件：你可以使用JavaScript监听u-form-item的click事件，并在事件处理程序中检查是否点击了禁用的u-input。如果点击的是禁用的u-input，你可以执行所需的逻辑，或者通过其他方式触发click事件。

需要注意的是，这种方法可能需要更多的开发和维护工作，并且可能不如直接使用u-input方便。因此，如果你能接受禁用u-input的限制，那么使用其他方法可能是更好的选择。

希望这可以帮助到你！如果你有任何其他问题，请随时提问。