Uniapp 官网扩展组件使用步骤

1.找到自己想要的组件,点击下载安装

Uniapp 官网扩展组件使用步骤_第1张图片

2.选择导入插件(建议使用Hbuilder导入插件)

Uniapp 官网扩展组件使用步骤_第2张图片

 3.根据浏览器请求打开Hbuilder,选择要导入的项目

Uniapp 官网扩展组件使用步骤_第3张图片

 4.导入成功后,会出现下面这个文件

 5.导入模块;在需要使用的页面的script模块中写入以下代码块

其中import unicalendar... 中的unicalendar是自命名的组件面,后面@/uni_modules/uni-calendar/components/uni-calendar/uni-calendar' 是组件位置;components 一定要写

组件位置快速寻找方法

Uniapp 官网扩展组件使用步骤_第4张图片

 选中要导入的vue文件,右键属性找到其位置,然后复制位置(D:\yungu\PostRegulation-test\PostRegulation\uni_modules\uni-calendar\components\uni-calendar),截取uni后面的路径,将\改为/即可,注意最后还要多加一个/uni-calendar才行

6.引用模块

复制官网的代码测试;


			
		

测试成功,即完成组件导入与使用

Uniapp 官网扩展组件使用步骤_第5张图片

 

你可能感兴趣的:(必备技术,uni-app)