uniapp中H5网页怎么实现自动点击事件

bash 复制代码
<template>
  <view>
    <button ref="myButton" @click="handleClick">点击我</button>
  </view>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      const button = this.$refs.myButton;
      console.log('Button reference:', button);

      // 检查 button 是否是 HTML 元素
      if (button && button instanceof HTMLElement) {
        console.log('Button is an HTMLElement');
        button.click(); // 模拟点击
      } else if (button && button.$el) {
        // 访问 Vue 组件的根元素
        console.log('Button is a Vue component');
        button.$el.click(); // 模拟点击
      } else {
        console.error('Button reference is not an HTMLElement or is undefined');
      }
    });
  },
  methods: {
    handleClick() {
      console.log('按钮被点击了!');
    }
  }
}
</script>

这个只适用于H5页面 编译成微信小程序则无法使用

相关推荐
apollo_qwe4 小时前
解决移动端键盘遮挡痛点
uni-app
lsyhaoshuai11 小时前
微信小程序开发实战:打造一款功能完善的随机决策工具--小转盘-拯救困难选择症
微信小程序·小程序·notepad++
脾气有点小暴1 天前
scroll-view分页加载
前端·javascript·uni-app
脾气有点小暴1 天前
uniapp自定义头部导航
前端·uni-app
前端 贾公子1 天前
[uniapp][swtich开关]阻止切换状态(类似阻止事件冒泡)
uni-app
特立独行的猫a1 天前
移植开源软件Notepad--(NDD)到鸿蒙PC:环境搭建与配置
notepad++·开源软件·harmonyos·鸿蒙pc·notpad--
雪芽蓝域zzs1 天前
uniapp基于picker选择器实现年月日时分秒
uni-app
niucloud-admin1 天前
本地开发部署——uniapp端站点部署
uni-app
毕设源码-郭学长2 天前
【开题答辩全过程】以 基于uni-app的维修上门服务小程序设计与实现为例,包含答辩的问题和答案
uni-app
xiaohe06012 天前
📦 Uni ECharts 是如何使用定制 echarts 的?一篇文章轻松掌握!
vue.js·uni-app·echarts