uni-app之自定义组件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app之自定义组件相关的知识,希望对你有一定的参考价值。
参考技术A 1、在项目“component文件夹”存放公共组件2、绑定组件
注意:this.$emit()将组件的值传递给视图模板
this.$emit('isClose', false); //返回“关闭”组件
this.$emit('selClassList', selClassList_1); //返回“班级ID、班级名称”组成的数组
this.$emit('selClassIDList', selClassIDList_1); //返回“班级ID”组成的数组
1、引用组件
2、注册组件
3、在视图模板中使用组件
可以自定义
:isShow="isShowClass" 视图模板中,打开组件
:param="cParamList" 视图模板中,需要传入组件的参数
@isClose="closeClassModal" 从组件返回数据,通知视图模板
@selClassList="rSelClassList" 从组件返回“班级ID、班级名称”组成的数组,通知视图模板
@selClassIDList="rSelClassIDList" 从组件返回“班级ID”组成的数组,通知视图模板
4、实例
以上是关于uni-app之自定义组件的主要内容,如果未能解决你的问题,请参考以下文章