将jQuery代码转换为uniapp可使用的代码
<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>
原文地址: https://www.cveoy.top/t/topic/n7M1 著作权归作者所有。请勿转载和采集!