<template>
  <div>
    <button @click="showAndroidActionSheet" id="showAndroidActionSheet">Show Android Action Sheet</button>
    <div class="android-actionsheet" id="androidActionsheet" :style="{ 'aria-hidden': showAndroidActionSheet ? 'false' : 'true' }">
      <button @click="closeAndroidActionSheet" id="androidClose">Close Android Action Sheet</button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      showAndroidActionSheet: false,
    };
  },
  methods: {
    showAndroidActionSheet() {
      this.showAndroidActionSheet = true;
      setTimeout(() => {
        uni.nextTick(() => {
          uni.$nextTick(() => {
            uni.showAndroidActionSheet();
          });
        });
      }, 200);
    },
    closeAndroidActionSheet() {
      this.showAndroidActionSheet = false;
      uni.nextTick(() => {
        uni.$nextTick(() => {
          uni.hideAndroidActionSheet();
        });
      });
      setTimeout(() => {
        uni.nextTick(() => {
          uni.$nextTick(() => {
            uni.showAndroidActionSheet();
          });
        });
      }, 200);
    },
  },
};
</script>
将jQuery代码转换为uniapp可使用的代码

原文地址: https://www.cveoy.top/t/topic/n7M1 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录