微信小程序导入自己封装的组件在页面没有显示？

于 2024-05-02 00:24:51 发布
阅读量260 收藏
点赞数 2
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lryh_/article/details/138383229
版权

bug：导入封装的组件后 页面未显示出表头

经排查

 1、封装的组件的 table.json 文件 已注册为组件

2、当前页面的 a.json 中引入table组件， usingComponents 路径正确

3、a.wxml引用 table后

控制台 AppData 中数据已传给所封装的组件

4、再查看封装的组件table.js ，问题出在这，不应该用Page  应该用Component，并删除 data

修改后正确显示出表头

lryh_
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3中组件不显示的解决方法（已解决）
m0_54568435的博客
03-13 1790
方法来动态加载 Element Plus 的组件，以避免编译时无法解析的问题。这样可以确保在运行时正确加载 Element Plus 的组件。方法来动态加载 Element Plus 的组件，可以在运行时正确解析组件，避免编译时的错误。选项1选项2选项3
微信小程序自定义组件
08-29
在微信小程序的原生框架中，虽然提供了基础的页面模板功能，但这种模板并不支持JavaScript和样式的封装，因此对于习惯于使用Vue或React等现代前端框架的开发者来说，这无疑增加了开发的复杂性。 为了实现自定义组件...
uniapp 引入组件踩坑：引入组件后，h5可以正常显示，但是打包后不显示
lengxiaoying的博客
10-08 503
引入组件后，h5可以正常显示，但是打包后不显示。
uniapp 引用组件后 不起作用 无效果 不显示
最新发布
wangjun5159的专栏
04-23 1172
只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.(vue|uvue)目录结构（注意：当同时存在vue和uvue时，uni-app。就可以不用引用、注册，直接在页面中使用。但有时引入一个组件后，不起作用、无效果，不显示，这很有可能是关联组件与目标组件版本不协调导致，建议。比如要使用uni-list组件，那么打开组件文档首页，点击下载安装。我就是在升级了一个组件后，不显示，将全部组件升级后就好了。，选择目标项目完成导入。
uniapp使用自定义组件不显示自定义组件内容，不报错
qiuyushuofeng的专栏
06-21 2810
自定义组件向后台发送请求，没有触发函数
uniapp自定义组件在h5显示,微信小程序不显示？
weixin_41582348的博客
04-12 2166
清除一下微信小程序的缓存，全部清除，再重新编译一次应该就行了。
【uni-app】使用外部组件不显示报错组件未找到解决方案
SqlloveSyn的博客
05-30 2413
大家好，今天和大家分享一下uni-app使用外部组件不显示报错的一个解决方案，希望能够帮助到大家。
微信小程序自定义波浪组件使用方法详解
10-16
在微信小程序中，自定义组件是一种非常实用的功能，它允许开发者封装可复用的代码，提高开发效率。本文将详细讲解如何创建一个自定义的波浪组件，包括组件的结构、样式以及如何在小程序中使用。 首先，我们来看组件...
echarts微信小程序wepy版本封装
01-27
echarts-for-wechat-wepyecharts 微信小程序wepy组件封装。体验步骤1. 安装 wepy本示例基于wepy封装，npm install wepy-cli -g2. 下载源代码git clone https://github.com/zlm919/echarts-for-wechat-wepy.git3. ...
微信小程序组件 marquee实例详解
08-30
在JS（微信小程序的逻辑层语言）中，我们可以封装一个组件，包括计算文本宽度的函数`getWidth`和根据文本长度计算动画持续时间的`getDuration`。这样可以根据不同长度的文本自动调整滚动速度。 ```javascript ...
微信小程序 数据封装，参数传值等经验分享
08-31
在微信小程序的开发过程中，数据封装和参数传值是至关重要的技术环节，它们关系到程序的可维护性和代码的简洁性。以下是对这些主题的详细解释： **参数传值** 1. **data-id**：这是一种常见的方式，通过在HTML元素...
uniapp组件引入不显示问题
weixin_60641464的博客
02-22 7515
import formIdCard from './idcard/idcard.vue'; import formCamera from './Camera/Camera.vue'; import formInput from './formInput/formInput.vue'; import formSelect from './formSelect/formSelect.vue'; import formDate from './formDate/formDate.vue'; import for.
uniapp引入组件不生效解决方法
S筱潇S四维Smile
06-20 9709
uniapp引入组件不生效解决方法
uni-app学习笔记(二):2022年6月28号uniapp引入组件不显示问题解决
langko的博客
06-30 6435
1.问题描述2.一直找解决的方法，发现之前一直就是找不到3.废话不多说，uniapp官方直接把这种找不到组件的components文件夹方式取消了，现在只允许uni_modules格式+scss //这其实是两个插件，大家下载之后把原来放在components文件夹里的组件全放到uni_modules就解决了...
uni-app自定义组件不显示问题
zhanglei892721的博客
03-01 4427
初学uni-app，在components》select-grid目录下原先有一个select-grid.vue组件文件，本想着修改一下代码作为第二个组件，就在原目录复制粘贴了一份改了文件名，结果怎么引都无法显示。 最后以修改后都文件名在components下新建了另一个目录，把对应文件移到里面，引用，显示ok。 ...
关于uniapp引入组件不显示
hfdxmz_3的博客
05-22 4242
目录结构 ├─ page ├─ index ├─ ├─ js ├─ ├─ ├─ index.js └─ index.vue 本着js和模板分离的思想去做项目的，js相关代码放到index.js里 js/index.js import uniList from '@/components/uni-ui/uni-list/uni-list.vue'; import uniListItem from '@/components/uni-ui/uni-lis..
uni-app 组件莫名其妙显示不出来
lx233
12-06 1560
别用开发工具自带的查看，用浏览器的查看，发现编译完之后，莫名其妙被加了一层display none查找后无元素设置，猜想可能是相关类名冲突导致，此时多移动下元素位置，放到外层去看是否可行
微信小程序开发封装组件
09-05
微信小程序开发中，封装组件是一种常见的技术手段，可以提高代码的复用性和开发效率。下面是一个简单的步骤介绍： 1. 创建组件文件：在小程序项目的目录结构中，创建一个新的文件夹用于存放组件相关文件。通常，组件的文件由两部分组成：一个是.wxml文件用于定义组件的结构，另一个是.js文件用于处理组件的逻辑。 2. 编写组件的模板代码：在.wxml文件中，编写组件的结构和布局，可以使用小程序提供的基础组件或自定义样式。 3. 编写组件的样式：在.wxss文件中，为组件编写相应的样式，可以使用样式类或直接写内联样式。 4. 编写组件的逻辑代码：在.js文件中，编写组件的逻辑处理，可以包括数据处理、事件处理等。 5. 导出组件：在.js文件中，使用Component()函数将组件导出，以便在其他页面中引用和使用。 6. 在页面中使用组件：在需要使用组件的页面中，引入组件，并在.wxml文件中使用<component-name>标签调用组件。 以上是一个基本的封装组件的步骤，你可以根据具体需求进一步扩展和优化组件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值