本文介绍了如何在微信小程序中实现多页面引用同一个公共页面，以解决购物车功能在不同页面的流畅跳转。通过wxml的include、WXS的@import和JS的require方法，创建一个独立文件夹，包含wxml、wxs和js文件，实现组件化。在JS中进行适当封装，以确保不同页面调用时的对象不一致。最后，可以通过个性化修改实现各页面的特定需求。
这段时间在项目中遇到一个购物车的需求，tabBar页面需要购物车，在购物界面也要能跳转到购物车；
之前的做法是直接跳转到tabBar的购物车页面，但是这种跳转既不流畅，也不美观；
于是只能新建一个页面，做成和tabBar的购物车一样的，但是程序员都很懒，即使是复制一个页面也无法接受，于是就在寻找多个页面引用一个功能页面的方法，经过测试终于得出一套可行的方案，仅供参考！
首先介绍一下微信小程序wxml、wxs、js引用其他文件的方法
wxml - include(还有另一个import，这里不做介绍，可以到官网去看)
官网的解释：include 可以将目标文件除了 <template/> <wxs/> 外的整个代码引入，相当于是拷贝到 include 位置。意思就类似于 c 的宏定义，直接拷贝粘贴。
<!-- index.wxml -->
<include src=
最低0.47元/天 解锁文章
扫一扫
2040
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
