uniapp 点击按钮允许读写日历权限

在uni-app中，如果你需要实现点击按钮来请求用户授权读写日历权限，可以使用uni-app提供的API`uni.getSetting`和`uni.authorize`来实现这一功能。具体步骤如下：

1. 首先，你需要检查用户的权限设置，可以通过调用`uni.getSetting`方法获取当前权限设置的状态。

2. 如果用户尚未授权，你可以通过一个按钮触发权限请求。调用`uni.authorize`方法向用户请求相应的权限。

3. 如果用户拒绝授权，你的应用应该有相应的处理逻辑，比如提示用户为何需要该权限，或者引导用户到系统设置中手动开启权限。

以下是一个简单的示例代码，展示如何实现点击按钮请求读写日历权限：

export default {
  data() {
    return {
      hasCalendarPermission: false // 标记是否已经获得日历权限
    };
  },
  methods: {
    // 请求日历权限
    requestCalendarPermission() {
      uni.getSetting({
        success: res => {
          // 如果没有授权，则进行权限请求
          if (!res.authSetting['scope.calendar']) {
            uni.authorize({
              scope: 'calendar',
              success: () => {
                // 用户同意授权
                this.hasCalendarPermission = true;
              },
              fail: err => {
                // 用户拒绝授权或授权失败
                console.log('用户拒绝授权或授权失败', err);
              }
            });
          } else {
            // 已经授权
            this.hasCalendarPermission = true;
          }
        }
      });
    }
  },
  // 页面加载时检测权限
  onLoad() {
    this.hasCalendarPermission = uni.getSettingSync().authSetting['scope.calendar'] || false;
  }
}

在页面的模板中，你可以添加一个按钮，绑定点击事件来请求权限：

<template>
  <view>
    <button @click="requestCalendarPermission">请求日历权限</button>
  </view>
</template>