小程序页面配置usingComponents

最新推荐文章于 2023-08-11 13:00:21 发布
最新推荐文章于 2023-08-11 13:00:21 发布
阅读量5.6w 收藏 7
点赞数 4
分类专栏： XCX web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40930175/article/details/90288969
版权
XCX 同时被 2 个专栏收录
6 篇文章 0 订阅
订阅专栏
web
6 篇文章 0 订阅
订阅专栏

这个可以引入自定义组件，官方有教程。

现在遇到的问题是：我合并他人写的小程序页面的时候出现了一点问题

1、我在我的页面中放置另一个页面的链接，

2、我放置链接之后点击了锚点，可以实现跳转。此时我没有在app.json中添加注册页面的路径。

3、跳转后发现该页面的标题没有正常显示。如下图

4、我删除了 "usingComponents": {}    此时出现了错误。提示这个注册页面找不到：

5、我在app.json中添加了该路径。然后就正常显示了。

现在只记录了问题，我是真的不知道原理啊。再补充吧。。。

 

 

 

 

YQY

ABCDEFG

我不更新了
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
小程序通过页面json文件中的usingComponents引入组件的方式实现自定义tabbar，会闪烁，影响小.zip
07-27
自定义tabbar，通过页面json文件中的usingComponents引入组件的方式实现，tab页面第一次加载时会出现闪烁现象，但相对于全局json中设置custom为true方式有所改善。
【小程序】微信小程序使用自定义组件components，创建页面公共组件
bsy1111的博客
07-25 1214
app.json。
组件化设计——定义一个歌单组件
GrantF的博客
02-01 346
在小程序中提供了它组件化思路，将重构性多的模块进行组件化，可以节约我们的很多时间，也可以使用时更加方便快捷。 在目录上，右击选择新建component即新建了一个组件的部分。 1、引用 组件的引用是在.json中出现。 1、usingComponents的意思就是我们正在使用的组件。 名字是随意自己自定义的+路径即可。 2、在wxml中引用的话，就是直接引用定义的名字即可。 2、使用 在我们使...
微信小程序偷窃者插件
01-27
hSwiper-wx 小程序swiper组件 使用此组件需要依赖小程序基础库 2.2.2 版本，同时依赖开发者工具的 npm 构建。具体详情可查阅。 ，新版已经支持npm包安装 演示 水平 垂直 不循环 功能 支持水平，垂直滚动 支持循环无缝滚动 过渡位移效果支持自定义 过渡位移时间支持自定义 支持无限元素的滚动，而不会卡顿（未实现，待续...) 安装 npm install --save hswiper-wx 使用 在页面的 json 配置文件中添加 hswiper-wx 自定义组件的配置 { "usingComponents": { "hswiper": "hswiper-wx", } } 在项目根目录下创建如下目录文件 --hSwiper --swiperTemplate.wxml --swiperTemplate.
微信小程序调试工具
01-27
we-debug 一款灵活、易于拓展的小程序端调试工具 功能 网络请求抓包 错误日志抓取 路由信息获取 UI对比 ... 安装 npm install @we-debug/core --save 使用 在 json 配置中添加 we-debug 组件声明 { "usingComponents": { "we-debug": "@we-debug/core/component/index/index" } } 在页面 wxml 中创建 we-debug 组件 <we></we> 在 app.js 中初始化 we-debug 相关配置 const weDebug = require('@we-debug/core/libs/index') weDebug.init() 在线体验 插件列表 相关链接
微信小程序 自定义组件并引入
白瑕 的博客
06-05 2484
在微信小程序里使用组件化
微信小程序- component 自定义组件及引用
最新发布
耶斯莫鱼拉的博客
08-11 2509
Component自定义组件创建及引用
最新版的vant-weapp如何在微信小程序的app.json中配置usingComponents使用
m0_61625235的博客
12-03 2428
vant-weapp在微信小程序的配置
微信小程序开发报错及解决记录
weixin_53582738的博客
10-11 4570
微信小程序各种踩坑记录，报错记录。
小程序 自定义组件报错[“usingComponents“][“my-list“] 未找到
Start2019
07-01 6894
根据官网案例写了一个自定义组件，引入时总是报这个错误。 后面在社区里面找到了解决办法，把上面配置中改成："my-list": "/components/my-list/my-list"就可以了。 具体原因：官方文档上的自定义组件是 4 个文件全部都在 components 文件夹下，所以他们只需要 /components/my-list 就可以了。而我们实际开发需要多个组件，在 components 下会多新建一个文件夹，如果依旧 /components/my-list 这么写，此时找到的只是...
微信小程序——日历组件:calendar:。
01-20
Demo 以下为一个简单日历展示的使用方法 { "usingComponents": { "calendar": "/your_component_path/calendar/index" } } 在页面 wxml 中引入组件 更多自定义配置及功能 效果图
微信小程序如何自定义table组件
12-03
最近想要捣鼓一个自己的小程序，其中数据展示部分比较多，想用table来做展示，但是微信小程序并没有table组件，于是就自己动手捣鼓了一个，勉强能用。 可以看看效果： etable使用介绍 etable的使用很简单，分为 ...
skeleton:小程序自动生成框架页面
04-22
小程序中npm的配置及使用： 在微信开发者工具中，设置 —> 项目设置—> 勾选使用npm模块。 在微信开发者工具中，工具 —> 构建npm，构建完成会生成 miniprogram_npm 文件夹，项目用到的npm包都在这里。 按照页面的...
ajax回调函数进入了error的问题： Failed to load resource: the server responded with a status of 404 ()
qq_40930175的博客
05-27 7312
问题：遇到一个问题如下： 在前端页面使用了Ajax，写完之后运行，后台代码也正确接收到了传过去的值，数据库操作也正常，一步步调试到结束，后台都是正常的，然后前端就报错了，404。 一开始我只看到404，没注意看，就在网上搜解决方案，有说数据格式的，有也有说是地址从错误的，或者其他的。我试了都没有解决。 前台提交数据，提交，后台处理数据，返回，回调,本应该调用success却调用了error的...
小程序：按月份显示记录
qq_40930175的博客
05-28 1712
内容： 一、实现过程 二、小程序段的逻辑实现 一、实现过程： 1修改数据库查询语句： eg:当后台提交查询后到数据库SQL的代码大致如下： select * from xx_table where_time like '2012-12%' and id=_id and..... 按照（yyyy-MM）的格式格式化日期然后传递查询就可以了。。...
win2003中搭建WinWebMail邮件服务器笔记
qq_40930175的博客
04-18 384
您试图从目录中执行 CGI、ISAPI 或其他可执行程序，但该目录不允许执行程序。windows server 2003,web邮件服务器,asp,WinWebMail ...
含有frame项目修改遇到的问题
qq_40930175的博客
05-06 264
需求： 导航栏加上下拉框。 问题： 一个页面中放置了两个frame，头部导航栏占了row的72位。当放上一个下拉列表的时候会出现看似被下面的frame遮盖了一样的效果，，其实不是，那是内容超过了页面高度，所以就出现了右侧的滚动栏。 因为第一个frame的高度已经固定，随便把头部frame的高度调大就很直观，红线是截图的时候画的，这就是两个frame的边界。所以...
小程序的传值
qq_40930175的博客
05-17 95
有消息就持续更新 传一个object对象 //主页面携带参数 wx.navigateTo({ url: "/pages/...?indexData=" + JSON.stringify(that.data) }); //目标界面接收参数 onLoad:function(options){ var that = this this.data.in...
微信小程序显示实时定位页面
06-11
要在微信小程序中显示实时定位页面，你可以使用微信小程序提供的地图组件和定位接口。具体步骤如下： 1. 在小程序的json配置文件中引入地图组件： ``` { "usingComponents": { "map": "/miniprogram_npm/@vant/weapp/map/index" } } ``` 2. 在wxml文件中使用地图组件： ``` <van-map id="myMap" show-location /> ``` 3. 在js文件中获取用户当前位置并在地图上显示： ``` wx.getLocation({ type: 'gcj02', success(res) { const latitude = res.latitude const longitude = res.longitude wx.createMapContext('myMap').moveToLocation({ latitude, longitude, success() { console.log('地图定位成功') } }) } }) ``` 这样，就可以在微信小程序中显示实时定位页面了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值