跳转至

uniapp点击事件

2025-07-15 创建文档
  • 2025-07-15 创建文档

开发环境

  • HbuilderX 4.65
  • uniapp
  • vue2
  • Android Studio Meerkat | 2024.3.1 Patch 1

uniapp直接运行到安卓机器上,或者云打包或者离线打包成安卓app,运行到手机上

设置点击事件

在view上设置点击,使用@click

<view class="container" @click="onClickMain">
    <!-- 其他子view -->
</view>

<script>
    export default {
        methods: {
            onClickMain: function() {
                console.log("click main page -- RustFisher");
            },
        },
    };
</script>

点击事件不穿透

在view上设置点击,用 @click.stop

例如要点击个图片,用view包着image

  <view v-show="showIcon" class="left-top-icon" @click.stop="onSettingClick">
    <image class="custom-img" src="/static/ic_setting.png" mode="widthFix"></image>
  </view>

如果用@click.native.stop,在小程序上可以,在安卓上不响应点击

uniapp做的小程序和web - 小鱼时钟 - FishClock

小鱼时钟(FishClock),静静陪伴您工作和学习

小鱼时钟-微信小程序

小鱼时钟 - Web

FishClock - Android - GooglePlay

本站说明

一起在知识的海洋里呛水吧。广告内容与本站无关。如果喜欢本站内容,欢迎投喂作者,谢谢支持服务器。如有疑问和建议,欢迎在下方评论~

📖AndroidTutorial 📚AndroidTutorial 🙋反馈问题 🔥最近更新 🍪投喂作者

Ads