uniapp组件-uni-segmented-control分段器

官方示例：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" /></view><view class="uni-padding-wrap uni-common-mt"><uni-segmented-control :current="current" :values="items" style-type="text" active-color="#007aff" @clickItem="onClickItem" /></view><view style="padding: 0px 30px;margin-top: 30px;"><uni-segmented-control :current="current" :values="items" style-type="button" active-color="#4cd964" @clickItem="onClickItem" /></view><view><uni-segmented-control :current="current" :values="items" style-type="text" active-color="#4cd964" @clickItem="onClickItem" /></view></view>
</template><script>export default {components: {},data() {return {items: ['选项卡1', '选项卡2', '选项卡3'],current: 0,}},methods: {onClickItem(e) {if (this.current !== e.currentIndex) {this.current = e.currentIndex}}}}
</script>

uniapp组件-uni-segmented-control分段器相关推荐

解决uniapp分段器参数改变不渲染，适用所有组件
在使用uniapp分段器 u-subsection时,组件只会在框架内的加载一次,后续想更改分段器内部的数据,无论如何都不会渲染出来,虽然data内数据变了,但是组件始终不会渲染上这些数据. < ...
二、uniapp项目（分段器的使用、scroll-view、视频下载、转发）
一.分段器组件的使用 uniapp官方文档 <template><view class="category"><view class="ca ...
关于uni-app中SegmentedControl 分段器不显示的问题
又到了毕设的季节,年前考研随手开题报告就写了一个关于uni-app的开发,本来想着应该简单,结果在看https://www.bilibili.com/video/BV1D5411t74T?p=27&a ...
uni-app里的拓展组件uni ui与UI框架uView UI的Popup 弹出层的区别！
uni-app里的拓展组件uni ui与UI框架uView UI的Popup 弹出层的区别! 文章目录 1.官网Popup 弹出层链接 2.属性不同 3.属性对照 4.弹出的方式 5.uView特有属 ...
uni-app 小程序分段器tab 的实现
效果图如图 1,写好四个要展示的组件注意:组件的命名一定要规范,例如home-XXX,XXX 一定要写英文不能乱写,否则不能显示组件: 2,进行展示 <home-recommend>&l ...
uni-app分段器
<template><view><view class="uni-padding-wrap uni-common-mt"><!-- 分段器 ...
macOS SwiftUI 选择器组件规范之 01 分段控件Segmented Controls
macOS SwiftUI 选择器组件规范之 01 分段控件什么是分段控件(Segmented Controls) 分段控件是两个或多个分段的水平集合,每个分段都充当一个按钮-通常是一个切换按钮.分 ...
基于uni-app开发的一款视频播放器插件
yy-video-player 基于uni-app开发的一款视频播放器插件,开箱即用,具有视频下载,页面返回,弹幕,进度条等功能. 插件地址:https://ext.dcloud.net.cn/plu ...
使用uni-app组件播放视频
目录一.简介二.前后端框架前端框架后端框架三.视频播放四.nginx部署 nginx命令五.后端打包六.代码地址一.简介想做一个简单的视频播放器,能够在局域网播放硬盘上的视频. 如 ...
微信小程序_uni-app_分段器_uni-segmented-control
写在前边:<微信小程序_···>系列的博文,是学习了b站<前端开发利器vue,微信小程序快速开发实战,黑马程序员前端web教程>BY黑马程序员之后,的学习笔记,这是视频地址:h ...

uniapp组件-uni-segmented-control分段器

效果图：

代码实现：

uniapp组件-uni-segmented-control分段器相关推荐

最新文章

热门文章