关于uni-app中SegmentedControl 分段器不显示的问题

最新推荐文章于 2024-05-11 20:17:43 发布
最新推荐文章于 2024-05-11 20:17:43 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： 学习笔记 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_36544258/article/details/115841770
版权

又到了毕设的季节，年前考研随手开题报告就写了一个关于uni-app的开发，本来想着应该简单，结果在看https://www.bilibili.com/video/BV1D5411t74T?p=27&t=56这个视频的分段器的时候怎么调试也不成功，一直报这个错误。

一开始以为是

“本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

如需通过npm方式使用uni-ui组件，另见文档：https://ext.dcloud.net.cn/plugin?id=55

最低0.47元/天 解锁文章
折木植树
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app - 单行文字和多行文字溢出隐藏显示...（超出容器最大宽度不换行）
王佳斌
12-24 6725
前言 如下图所示，可控制单行或多行溢出处理。 实现 给容器加入以下 css 代码： .text{ display: -webkit-box; /*弹性伸缩盒子模型显示*/ -webkit-box-orient: vertical; /*排列方式*/ -webkit-line-clamp: 1; /*显示文本行数(这里控制多少行隐藏)*/ overflow: hidden; /*溢出隐藏*/ } ...
UISegmentedControl的属性
felix_0511100211的博客
08-30 300
//当前已经选中的segment  [sender selectedSegmentIndex]     //给segment上的文本，可以通过索引来找到sender titleForSegmentAtIndex: .h文件 #import @interface AppDelegate : UIResponder UIApplicationDelegate> {     UIL
uni-ui app分段组件uniSegmentedControl使用
weixin_49651379的博客
11-25 3189
1.引入组件 import {uniSegmentedControl} from "@dcloudio/uni-ui"; 2.注册组件 components: { uniSegmentedControl }, 3.复制数据\方法 data() { return { items: ['选项卡1','选项卡2','选项卡3'], current: 0 } }, methods: { onClickItem(e) { if (this.current !== e.cur
uni-segmented-control插件使用
最新发布
yanhaijunyan的博客
05-11 295
3.看到如下提示(已经可以在目标项目中使用插件啦)2.进入dcloud插件市场下载目标插件。1.HBuildX打开目标项目。
uniapp 制作一个可复用的segmented-control（tab选项卡）
weixin_33941350的博客
03-26 712
开局一张图，内容全靠编 1.开局一张图（先上效果图） 2.内容全靠编 开始编写复用组件： segmented-control.vue <template> <view id="segmented" class="segmented" :style="{top:stickyTopData+'px'}"> <view class="l...
微信小程序_uni-app_分段器_uni-segmented-control
王大锤的博客
05-19 3089
写在前边：《微信小程序_···》系列的博文，是学习了b站《前端开发利器vue，微信小程序快速开发实战，黑马程序员前端web教程》BY黑马程序员之后，的学习笔记，这是视频地址：https://www.bilibili.com/video/BV1Sc41187nZ?p=1，该视频是讲了一个基于uni-app的项目 1 分段器_uni-segmented-control nui-ui中的一个组件，也就是标签页，tab栏 2 代码示例 <template> <view> .
uniapp组件-uni-segmented-control分段器
热门推荐
~~
03-01 1万+
官方示例：https://ext.dcloud.net.cn/plugin?id=54 效果图： 代码实现： <template> <view> <view> <uni-segmented-control :current="current" :values="items" style-type="button" active-color="#dd524d" @clickItem="onClickItem" /> </vie.
uni-app 富文本编辑 回显富文本和修改富文本！
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
uni-app 请求拦截器
11-11
uni-app 请求拦截器
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
自定义UISegmentedControl控件
08-09
自定义UISegmentedControl空间
segmented-control:look美观的分段控件React组件
05-07
。 <SegmentedControl> –美观的分段控件React组件 <SegmentedControlWithoutStyles> -一个不会导入的版本（如果<SegmentedControl>在您的构建系统中不起作用，例如Next.js） <FormsySegmentedControl> -一个用于版本 UX背景 在iOS中，分段控件通常用于（相当于材料设计中的）。 但是，越来越多地使用分段控件来代替或选择输入（下拉或材料）。 例如，请参阅设计师lukew的建议： 下拉菜单应该是“万不得已”的用户界面 显而易见的总是胜利 视频：使用广播组进行输入 其他不错的选择是收音机组，例如Yo或Thumbtack应用程序中使用的Ionic组件或按钮列表，除了单击之外，外观相同，而不是选中标记，而是转到下一个屏幕。 材料设计中的类似组件是切换按钮。 成分 演示： lorensr.me/
uni-app-barcode:uni-app 条形码生成器
05-12
uni-app 条形码生成器 作者：诗小柒 支持H5、微信小程序、APP，其它平台的没有测试 使用canvas生成 不懂如何使用可以去直接打包下载运行 说明 此条形码组件的条形码生成部分移植改造自，精简了代码，移除无效属性，...
uni-segmented-control在微信小程序中不显示
qq_54039576的博客
03-17 455
还以为不兼容,原来是没有重新编译,下意识以为会热加载了,忘记是dist了。后面才想起, dist正在运行的微信小程序没有刚下载的分段器组件包,检查兼容性, 支持微信小程序, 尝试运行h5,显示没问题。需要结束微信小程序,重新编译运行小程序才生效.使用uni的组件, 要处理将要分类区别的数据。安装完,发现正在运行 的微信小程序没有生效,发现有uni官网有组件分段器可以用,
uni-segmented-control 分段器的安装及使用
shgzzd的博客
12-12 1606
uni-segmented-control 分段器的安装及使用 dcloud插件市场 uni-segmented-control 安装完成后，在ubuilder所在的.vue下面 <view> <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="button" active-color="#4cd964"></uni-segmen
uniapp中如何使uni-segmented-control实现横向滑动
ZX5191的专栏
06-24 1470
但是当我的items中的选项多的时候，页面就会变得很难看，所有的元素都会挤在一起，于是我就想在uni-segmented-control的外面套个scroll-view，uni-segmented-control加个style=“width:1000rpx”,但是不好使，还是那个样子。没办法，我只好动uni-segmented-control的源码了，首先咱先看看uni-segmented-control的源码。最近正在用uniapp框架做微信小程序，遇到一个需求，分类浏览数据。
uni-app和uni-app x的区别
02-23
uni-app是一款基于Vue.js开发的跨平台应用框架，它可以使用一套代码同时构建运行在多个平台（包括iOS、Android、H5等）的应用程序。uni-app提供了丰富的组件和API，开发者可以使用Vue.js的语法进行开发，并且可以通过插件扩展功能。 而uni-app x是uni-app的升级版本，它在uni-app的基础上进行了一些改进和优化。主要的区别如下： 1. 性能优化：uni-app x在性能方面进行了优化，提升了应用的运行效率和响应速度。 2. 构建工具升级：uni-app x使用了新的构建工具，提供了更好的开发体验和更高效的构建过程。 3. 新增特性：uni-app x引入了一些新的特性，如增强型编译模式、全局样式隔离等，使开发者能够更灵活地进行应用开发。 4. 兼容性改进：uni-app x对不同平台的兼容性进行了改进，提供了更好的跨平台适配能力。 总之，uni-app x是对uni-app的升级和改进，旨在提供更好的开发体验和更高效的应用性能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值