Uniapp 官网扩展组件使用步骤

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

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

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

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

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

<script>
	
	import unicalendar from '@/uni_modules/uni-calendar/components/uni-calendar/uni-calendar'
	export default {
		data() {
			return {
				
			}
		},
		components: {
		   unicalendar: unicalendar
		  },
		methods: {
			
		}
	}
</script>

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

组件位置快速寻找方法

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

6.引用模块

复制官网的代码测试;

<view>
			<uni-calendar 
			:insert="true"
			:lunar="true" 
			:start-date="'2019-3-2'"
			:end-date="'2019-5-20'"
			@change="change"
			 />
		</view>

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

 

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值