uniapp 扩展组件 抽屉使用

本来打算 在官方自带的组件市场评论,结果直接评论不了。
官方的组件写的跟一样。
反正 我用了出不来效果。
网上找了好久 终于找到 解决办法
下面 给出解决方案

  1. .第一 将抽屉 组件导入自己的项目
  2. 在 页面中加入如下代码
	<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();
			}

		}

然后再去浏览器打开 即可使用。

有用的兄弟给我点个赞!让更多的人看到。
uniapp 扩展组件 抽屉使用_第1张图片

顺便再次吐槽 DCloud 文档是再给人喂吗?

你可能感兴趣的:(vue,js,uni-app,前端,组件化)