uni-app HbuilderX 3.4.7.20220422 搜索框前面按钮的扩展选项不能选择

uni-app HbuilderX 3.4.7.20220422 搜索框前面按钮的扩展选项不能选择

操作步骤：

  • 鼠标移到搜索框前面的图标，展开的扩展项目不能选择，先点击底部的工具栏，控制台那个，

预期结果：

  • 鼠标移到搜索框前面的图标，展开的扩展项目可以选择

实际结果：

  • 鼠标移到搜索框前面的图标，展开的扩展项目不能选择

bug描述：

【报Bug】HbuilderX 3.4.7.20220422 搜索框前面按钮的扩展选项不能选择
鼠标移到搜索框前面的图标，展开的扩展项目不能选择

image


更多关于uni-app HbuilderX 3.4.7.20220422 搜索框前面按钮的扩展选项不能选择的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

测试没有问题啊

更多关于uni-app HbuilderX 3.4.7.20220422 搜索框前面按钮的扩展选项不能选择的实战教程也可以访问 https://www.itying.com/category-93-b0.html


看一下，更新了，复现

回复 [已删除]: 复现了

3.4.6.20220420版本也存在这个问题,鼠标从option图标离开后下面的弹出层选项也消失了

最下面 的控制那行别点，点了就不行了。

回复 [已删除]: 控制台运行项目就必须打开，现在3.4.7.20220422也会这样

在 uni-app 中使用 HBuilderX 3.4.7.20220422 版本时，如果搜索框前面的按钮扩展选项无法选择，可能是由于以下几个原因导致的：

1. 代码问题

确保你的代码中正确设置了按钮的点击事件和选项的逻辑。检查是否有语法错误或逻辑错误导致按钮无法正常工作。

<template>
  <view>
    <input type="text" placeholder="搜索" />
    <button @click="showOptions">扩展选项</button>
    <view v-if="showOptionsPanel">
      <!-- 扩展选项内容 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showOptionsPanel: false
    };
  },
  methods: {
    showOptions() {
      this.showOptionsPanel = !this.showOptionsPanel;
    }
  }
};
</script>

2. 样式问题

检查是否有样式覆盖或样式冲突导致按钮无法点击。可以使用浏览器的开发者工具检查元素样式，确保按钮的可点击区域没有被其他元素覆盖。

3. HBuilderX 版本问题

可能是 HBuilderX 的版本存在已知的 bug。可以尝试更新到最新版本，或者回退到之前的稳定版本，看看问题是否依然存在。

4. uni-app 组件库问题

如果你使用的是 uni-app 提供的组件库，确保你使用的是最新版本的组件库，并且组件的使用方法正确。

5. 事件冒泡或阻止默认行为

检查是否有事件冒泡或阻止默认行为的情况。例如，event.preventDefault() 或 event.stopPropagation() 可能会阻止按钮的点击事件。

6. 调试

使用 console.log 或断点调试，检查按钮的点击事件是否被触发，以及相关的逻辑是否正确执行。

methods: {
  showOptions() {
    console.log('按钮被点击');
    this.showOptionsPanel = !this.showOptionsPanel;
  }
}
回到顶部