1. Toy模板网首页
  2. > Toy博客

UniApp项目中 使用微信小程序原生语言 进行开发

7月前 作者：魏天 分类：Toy博客 阅读(38) 违法举报

这篇具有很好参考价值的文章主要介绍了UniApp项目中 使用微信小程序原生语言 进行开发。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

看效果

wxcomponents 下放的是微信小程序原生代码写的组件。我进行了封装

UniApp项目中 使用微信小程序原生语言 进行开发,uni-app,微信小程序,小程序,javascript

UniApp项目中 使用微信小程序原生语言 进行开发,uni-app,微信小程序,小程序,javascript

上干货

在你下uniApp 项目的根目录创建一个 wxcomponents 名字千万不要错 京东、支付宝灯参考下面图片 官方文档也有介绍

UniApp项目中 使用微信小程序原生语言 进行开发,uni-app,微信小程序,小程序,javascript

然后在你需要引入原生功能的页面里面引入你的组件（我这里提前已经放过来了。在上面图可看到） 然后打开 pages.json 找到你的页面

{
	// 如果您是通过uni_modules形式引入uView，可以忽略此配置
	"easycom": {
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
	},
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页",
				"usingComponents": {   //调用的微信原生写的功能
					"wxprint": "/wxcomponents/print/index/index"
				}
			}
		}
	], 
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	},
	"uniIdRouter": {}
}

然后再你的页面 使用上面注册的组件 就可以了文章来源地址https://www.toymoban.com/news/detail-757502.html

<view class="u-page">
	<wxprint />
</view>

到了这里，关于UniApp项目中 使用微信小程序原生语言 进行开发的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包