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之自定义组件的主要内容,如果未能解决你的问题,请参考以下文章

vue之自定义组件

微信小程序之自定义组件

微信小程序之自定义组件

微信小程序之自定义日历组件

django中的admin组件之自定义组件的数据展示以及自定义列

ionic3+angular4开发混合app 之自定义组件