uniapp 扩展组件 抽屉使用
本来打算 在官方自带的组件市场评论，结果直接评论不了。 官方的组件写的跟💩一样。 反正 我用了出不来效果。 网上找了好久 终于找到 解决办法 下面 给出解决方案
- .第一 将抽屉 组件导入自己的项目
- 在 页面中加入如下代码
<view >
<button @click="showDrawer" type="primary">右侧弹出 显示Drawer</button>
<uni-drawer ref="showRight" mode="left" :mask-click="false">
<scroll-view class="scroll-view-box" scroll-y="true">
<button @click="closeDrawer" type="primary">关闭Drawer</button>
<view v-for="item in 30" :key="item">可滚动内容 {
{
item }}</view>
</scroll-view>
</uni-drawer>
</view>
然后再在method 中写入如下两个函数即可
methods: {
showDrawer() {
this.$refs.showRight.open();
},
closeDrawer() {
this.$refs.showRight.close();
}
}
然后再去浏览器打开 即可使用。
顺便再次吐槽 DCloud 文档是再给人喂💩吗？
