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页面 编译成微信小程序则无法使用

相关推荐
狼性书生4 小时前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
Jiaberrr10 小时前
uniapp 安卓 APP 后台持续运行(保活)的尝试办法
android·前端·javascript·uni-app·app·保活
不老刘10 小时前
uniapp+vue3实现CK通信协议(基于jjc-tcpTools)
前端·javascript·uni-app
疯狂的沙粒12 小时前
uni-app 如何实现选择和上传非图像、视频文件?
前端·javascript·uni-app
^Rocky12 小时前
uniapp 集成腾讯云 IM 富媒体消息(地理位置/文件)
uni-app·腾讯云·媒体
$程12 小时前
Uniapp 二维码生成与解析完整教程
前端·uni-app
tryCbest12 小时前
UniApp系列
uni-app·web
iOS阿玮14 小时前
社交的本质是价值交换,请不要浪费别人的时间。
uni-app·app·apple
monika_yu14 小时前
uniapp 开发ios, xcode 提交app store connect 和 testflight内测
uni-app
大阳光男孩17 小时前
Vue3 + UniApp 蓝牙连接与数据发送(稳定版)
uni-app