<template> <YohoActionSheet transfer ref="actionSheet" :full="true"> <ArticleDetail ref="detail" @on-close="onClose"></ArticleDetail> </YohoActionSheet> </template> <script> import ArticleDetail from './article-detail'; export default { name: 'ArticleActionSheetPage', components: { ArticleDetail }, data() { return {}; }, methods: { async show(params) { this.$refs.actionSheet.show(); this.$refs.detail.fetch(params); }, hide() { this.$refs.actionSheet.hide(); }, onClose() { this.hide(); } } }; </script> <style scoped lang="scss"> .content { width: 100%; height: 100vh; background-color: white; } </style>