Uniapp子组件不显示

最新推荐文章于 2025-05-23 14:45:00 发布
原创 最新推荐文章于 2025-05-23 14:45:00 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app

文章介绍了如何将JavaScript文件引入HTML中，通过修改为使用<script>标签并设置src属性为./index.js的方法，实现外部脚本的加载。

js文件的引入方式改为

<script src='./index.js'></script>
Harry.Q
关注
uniapp自定义组件样式不生效？还以为是 bug，结果是 display 搞的鬼！
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-08 773
最近在用uniapp写项目时，遇到了一个困扰了我半天的问题： 自定义组件的样式怎么加都不生效，搞得我以为记忆错乱了；后来一番研究，终于找到了解决办法，忍不住想记录下来，希望对大家有帮助！问题：自定义组件的样式不生效问题现象在给自定义组件添加样式时，有时候某些样式（比如widthmargin-top）就是不生效。我甚至加了!important都没用，怀疑是不是 uniapp 的锅。问题原因冷静下来排查后，发现问题的根源是自定义组件的默认 display 属性。在 uniapp 中，自定义组件默认是。
uni-app - 子组件中实现 onShow() 生命周期，监听页面 onShow() 实时刷新子组件内的数据（子组件中模拟页面 onShow 钩子函数，当页面显示时自动执行函数）全端兼容无 BUG
🏆 前端领域优质创作者
12-12 9129
uni-app子组件怎么onShow，uniapp子组件中没有onshow怎么办，uniapp子组件怎么当页面显示时就执行，uniapp子组件中需要实时更新数据没有onshow这样的函数怎么办，uniapp子组件实时刷新数据，uniapp子组件监听父组件的onshow生命周期，uniapp子组件mounted刷新，uniapp子组件onshow不能使用，用mounted数值不更新怎么解决，uniapp子组件mounted第二次不执行怎么办，解决uniapp子组件mounted()第二次不执
uniapp 引用组件后 不起作用 无效果 不显示
wangjun5159的专栏
04-23 5056
只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.(vue|uvue)目录结构（注意：当同时存在vue和uvue时，uni-app。就可以不用引用、注册，直接在页面中使用。但有时引入一个组件后，不起作用、无效果，不显示，这很有可能是关联组件与目标组件版本不协调导致，建议。比如要使用uni-list组件，那么打开组件文档首页，点击下载安装。我就是在升级了一个组件后，不显示，将全部组件升级后就好了。，选择目标项目完成导入。
uniapp使用自定义组件不显示自定义组件内容，不报错
qiuyushuofeng的专栏
06-21 3108
自定义组件向后台发送请求，没有触发函数
uniapp 给子组件传值不及时显示
风花一世月
04-29 450
使用 this.$set(object, propertyName, value) 方法修改相应的属性 object：修改的目标 propertyName：修改的属性 value：值
关于uniapp 子组件数据显示不了的问题
weixin_48639619的博客
12-17 1591
uniapp的有一个巨坑，就是子组件的生命周期，子组件的生命周期mounted 只执行一次，导致了_this 无法初始化，会造成很多奇葩的问题，例如切换页面数据就获取不到了。 解决方法：在函数上面给_this 进行初始化操作 ...
uniapp子组件弹框隐藏显示
泛舟煮酒
03-22 2382
父组件 父组件使用 v-bind:visible.sync 绑定显示字段，在子组件直接通过update:visible 修改数据。 <template> <view> <view @click="editHandle"> 打开子组件 </view> <modal v-bind:visible.sync="visible" @editSubmit="editSubmit" /> </view> </temp.
uniapp常用组件
ya3288426755的博客
03-18 1831
尽管<button>组件提供了多种预设样式，但你也可以通过自定义类名或内联样式来进一步定制按钮的外观。< template > < view > < button class = " custom-button " type = " primary " > 自定义样式按钮 </ button > </ view > </ template > < style > .custom-button {
uniapp-菜单组件
04-11
uni-app 菜单组件，flex布局 <!-- author hzj email hzj_51it@aliyun.com wechat XHKJ_IT 菜单组件 v0.01 参数： 属性 类型 说明 top Number 菜单项距离顶部的位置 menuList Array 菜单具体项：url 需要跳转的...
UniApp自定义组件与通信全指南
最新发布
m0_72030584的博客
05-23 934
UniApp自定义组件与通信全指南
uni_app 组件教学
01-08
uni_app 组件教学，给大家分享。谢谢..
uni-app 组件找不到问题常规解决办法
m0_49714202的博客
04-09 3276
uni-app 组件找不到问题常规解决办法 1.确认文件是否保存 2.确认引用路径是否正确，特别是利用复制粘贴的引用路径最容易导致组件应用错误，这时候需要手动敲一遍路径 3.组件是否注册，引用的组件需要在 components:{ } 中注册，请注意书写规范为驼峰式 4.确认以上均没问题，请尝试重编译或者关闭编程环境，重启试试 5.如果以上均不能解决请针对具体问题寻找解决办法 ...
uniapp 解决tabBar增加图标问题
SSophia的博客
11-09 2964
uniapp开发app tabbar 首页字体和图标问题
【uni-app】使用外部组件不显示报错组件未找到解决方案
SqlloveSyn的博客
05-30 3434
大家好，今天和大家分享一下uni-app使用外部组件不显示报错的一个解决方案，希望能够帮助到大家。
[uni-app] - uni-app tabBar不显示问题
热门推荐
呐呐呐呐呐的博客
07-12 1万+
问题代码 pages.json "tabBar":{ "backgroundColor":"#FFFFFF", "color":"#000000", "selectedColor":"#4CD964", "list":[ { "pagePath":"/pages/main/main", "text":"首页", "iconPath":"static/logo.png", "selectedIconPath":"static/logo.png" },
uniapp 添加table不显示
Mr. Ding的小博客
10-06 8306
在apge.js中配置了table 但是运行后导航栏不显示 解决方法：page中的第一条path和table的第一条path要相同 { "pages": [{ "path": "pages/index/index",//这个和下面的table path相同 "style": { "navigationBarTitleText": "雪碧" } }], "condition": { //模式配置，仅开发期间生效 "current": 0, //当前激活的模式（list 的索引项）
uni-app项目配置完tabBar却不显示的问题
专栏
02-14 4992
刚开始使用uniapp加入了tabBar就是不显示，最后 找到原因 tabBar里的list第一项和page中的第一项要相同，确实就能显示了。
uni-app项目tabBar不显示
hupei
06-08 1357
uni-app项目tabBar不显示
uniapp 子组件props获取不到值
06-10
2. 确认props是否有默认值：如果子组件中定义了默认值，那么父组件不传递props值时，子组件会使用默认值。如果需要动态修改props值，可以通过.sync修饰符实现。 3. 确认props是否有值：在父组件中传递props值时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值