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

看效果

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

在这里插入图片描述

在这里插入图片描述

上干货

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

在这里插入图片描述

然后在你需要引入原生功能的页面里面引入你的组件(我这里提前已经放过来了。在上面图可看到) 然后打开 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": {
   }
}

然后再你的页面 使用上面注册的组件 就可以了

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

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2023-12-07 00:22:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-07 00:22:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-07 00:22:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-07 00:22:02       20 阅读

热门阅读

  1. 13 递归求解戳气球

    2023-12-07 00:22:02       36 阅读
  2. 使用Python绘制自定义的水平线条

    2023-12-07 00:22:02       38 阅读
  3. rust和golang的对比

    2023-12-07 00:22:02       32 阅读
  4. 力扣-435.无重叠空间

    2023-12-07 00:22:02       36 阅读
  5. go基础语法10问(1)

    2023-12-07 00:22:02       36 阅读
  6. Vue基础知识点梳理总结归纳

    2023-12-07 00:22:02       50 阅读
  7. HTML总结

    2023-12-07 00:22:02       40 阅读
  8. 使用Qt进行iOS编程

    2023-12-07 00:22:02       40 阅读
  9. debian12 使用技巧

    2023-12-07 00:22:02       41 阅读
  10. Linux下各种字符编码进行转码

    2023-12-07 00:22:02       32 阅读