uni-app uni-fab插件用代码控制展开和关闭

uni-fab插件的效果图如下：

有的时候因业务需要会在别的Js里控制这uni-fab 展开和关闭，那么改如何使用呢？

Vue2代码如下：

<uni-fab ref="fab" :content="quickmenu" horizontal="right" vertical="bottom" direction="vertical"
		@trigger="fabTrigger" />
<script>
this.$refs.fab.isShow;//判断是否展开显示
this.$refs.fab.close();//关闭
this.$refs.fab.open(); //展开
</script>

Vue3 使用setup语法糖代码如下：

<uni-fab ref="fab" :content="quickmenu" horizontal="right" vertical="bottom" direction="vertical"
		@trigger="fabTrigger" />
<script setup>
import {
		onMounted,
		reactive,
		ref
	} from "vue";

let fab = ref(null);

fab.value.isShow;//判断是否展开显示
fab.value.close();//关闭
fab.value.open(); //展开
</script>