uniapp怎么去除右上角三点

1. 什么是uniapp

Uni-app是一款基于Vue.js框架开发的跨平台应用开发框架，它可以快速、灵活地开发出同时运行在苹果、安卓、H5以及其他平台的应用程序。

在Uni-app中，我们可以方便地使用Vue.js的语法进行开发，并且通过选项来控制应用在各个平台上的表现。

2. 怎么去除右上角三点

2.1 删除App.vue中的菜单按钮加载

在Uni-app的App.vue中，会默认加载一个左上角的菜单按钮，这个按钮就是我们需要隐藏的三个点。

我们可以在App.vue文件中找到以下代码：

<template>
  <div class="app">
    <uni-nav-bar title="首页" :fixed="true" :border="false" :back-button-text="navTitle.backText">
      <view slot="content-left">
        <uni-icon type="back" size="24" class="toolbar-icon" @click="back" v-if="navTitle.showBack"></uni-icon>
      </view>
      <view v-if="navTitle.showMenu" slot="content-right">
        <uni-icon type="more" size="24" class="toolbar-icon" @click="menu" v-if="!navTitle.showBack"></uni-icon>
      </view>
    </uni-nav-bar>
    <router-view></router-view>
  </div>
</template>

在这里，我们可以看到由<uni-icon type="more">定义的菜单按钮，我们只需要将它删除即可。

<template>
  <div class="app">
    <uni-nav-bar title="首页" :fixed="true" :border="false" :back-button-text="navTitle.backText">
      <view slot="content-left">
        <uni-icon type="back" size="24" class="toolbar-icon" @click="back" v-if="navTitle.showBack"></uni-icon>
      </view>
      <view v-if="navTitle.showMenu" slot="content-right">
        </view>
    </uni-nav-bar>
    <router-view></router-view>
  </div>
</template>

如此一来，菜单按钮就被成功删除了。

2.2 隐藏右上角菜单按钮

除了删除App.vue中的菜单按钮加载外，我们还可以在页面中通过代码隐藏右上角的菜单按钮。

我们可以在pages文件夹中找到需要隐藏菜单按钮的页面，在该页面中加入以下代码即可隐藏右上角的菜单按钮。

<template>
  <view>
    </view>
</template>
<script>
export default {
  onReady() {
    uni.hideOptionMenu()
  }
}
</script>

这里，我们在页面的onReady事件中调用了uni.hideOptionMenu()方法，这个方法会隐藏右上角的菜单按钮。

3. 总结

在Uni-app中，去除右上角的菜单按钮只需要在App.vue文件中删除菜单按钮定义，并且在需要隐藏菜单按钮的页面中加入uni.hideOptionMenu()方法即可。

Uni-app是一个非常优秀的跨平台应用开发框架，它可以帮助我们快速地开发出同时运行在多个平台的应用程序。对于需要隐藏菜单按钮的应用，我们可以按照以上方法进行操作，达到隐藏菜单按钮的效果。