博客

需要引入组件

uni-popup

,引入流程略，可看官方文档

import uniPopup from '@/components/uni-popup/uni-popup.vue';

千万不要打错单词。。。。。。。。

修改组件文件夹中的该组件的vue文件，可调整至想要的效果，下面将给出我修改后的源码

该组件的

将用户选择的数据传出到使用组件的页面

接收：

该组件的显示是通过:show传入布尔量true，即改变type可改变popup的显示与否

子组件改变父组件的值的方法见“报错”文档第3

t:

<button type="button" @click="togglePopup('bottom')"  class="mybutton">选择</button>
<uni-popup @getclasslist='getclasslist'  v-on:typechange="change($event)" :show="type === 'bottom'" position="bottom" mode="fixed" msg="底部弹出popup"  @hidePopup="togglePopup('')"></uni-popup>

js:

data: 声明labellist

methods：

		change(e){
			this.type=e;
		},
		getschool(){
			showPicker(3)
		},
		getclasslist(classlist)
		{
				// console.log(classlist);
				this.labellist=classlist;
		}