底部弹出popup:弹出式多项选择

 

需要引入组件uni-popup ,引入流程略，可看官方文档

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

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

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

该组件的

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

接收：

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

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

t:

选择

js:

data: 声明labellist

methods：

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

css:

略

修改后的组件代码：多选列表的css布局还须调整