uniapp自定义模板-uniapp如何设置打印模板

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、实例

1. 创建一个新项目,选择模板类型,比如普通模板。

2. 在pages目录中新建一个html文件,例如,添加打印模板的相关内容,可以使用html代码编写,也可以使用uniapp的标签。

3. 在文件中配置页面,添加一个全局配置:

"globalStyle": {

"navigationBarTitleText": "打印模板"

}

4. 在需要打印的页面中,调用跳转到,并将需要打印的数据作为参数传递过去。

5. 在中,获取传递过来的参数,渲染打印模板,并使用()方法打印出来。

很多新手在开始制作小程序的时候都想快速做一个功能看起来不错的小程序,那么怎么做呢?下面小编给大家分享一下。

方法/步骤

首先大家要下载按照Hbuilder软件,点击新建下面的项目

接着项目类型里面选择uni-app,然后选择一个模板,如下图所示

然后就创建好了项目的目录,如下图所示

接着打开Hbuilder的设置界面,配置小程序开发工具的路径,如下图所示

然后打开小程序开发工具,选择安全设置

接着开启服务端口,如下图所示

接下来我们点击Hbuilder的运行菜单,选择运行到小程序模拟器的微信开发者工具上,如下图所示

最后就可以看到一个小程序就快速制作完成了,如下图所示