1、引入组件

2、state中设置选中状态

// button按钮的默认选中,0代表选中
state = {
currentIndex: 0
}
3、设置class的样式,点击更改选中

selectNew(){
this.setState({currentIndex:0});
}
selectOld(){
this.setState({currentIndex:1});
}

转载于:https://www.cnblogs.com/duban/p/10478706.html

Taro button点击切换选中状态相关推荐

  1. checkbox点击切换选中状态

    2019独角兽企业重金招聘Python工程师标准>>> function cboxChecked(ele) {$(ele).click(function () {var isChec ...

  2. Echarts 自动切换选中状态

    在很多大屏展示的页面中,需要统计图表自动切换选中状态.Echarts提供的 dispatchAction 方法就可以满足这个需求. 本文针对饼图的自动切换做个记录,以作备忘. 实现效果 使用模拟数据表 ...

  3. element-ui 里面的table 点击行进行切换选中状态

    html 里面是:<el-table:data="tableData"borderheight="315"style="width: 100%& ...

  4. vue 中点击切换图标,切换选中状态

    很多新手小白做这个切换下拉列表,选中列表记录当前选中状态,图标也变成当前选中状态的时候都会比较绕,其实其核心就是把(icon图标.样式加载变成变量话,按需加入想要的变量即可) 例如下面这个例子: &l ...

  5. html菜单栏点击后处于选中状态,js实现导航菜单点击切换选中时高亮状态

    随着用户点击导航或菜单上不同的页面,出现此选项高亮显示或变为一个新的样式是经常用到的.实现它所用的原理就是通过js中的location.href得到当前页面的地址,然后在与导航上的链接地址匹对,相同的 ...

  6. [Android疑难杂症]Gallery默认和横竖屏切换选中状态问题(2.3、2.3系统存在)

    前言 Gallery的Item使用的是一个ImageView+TextView,并且为其设置了selector,当使用setSelection设置时.横竖屏切换时Item的状态不会改变,这个目前在2. ...

  7. 在同一个页面切换导航栏保持正确选中状态(单页面)

    方法一:触发点击事件  选中状态class是active, $(function(){     $(".clearfix li").click(function() {       ...

  8. jQuery控制checkbox选中状态但是不显示选中

    问题描述:使用jQuery来控制checkbox的选中状态,但是第一次点击出现选中样式,之后点击可以看到checked的属性增加成功但是并没有选 中状态. 问题代码: function chooseA ...

  9. checkbox选中和不选中 jqu_jQuery控制checkbox选中状态但是不显示选中

    问题描述:使用jQuery来控制checkbox的选中状态,但是第一次点击出现选中样式,之后点击可以看到checked的属性增加成功但是并没有选 中状态. 问题代码: function chooseA ...

最新文章

  1. Datawhale来浙大啦!
  2. 数据库设计和管理规范
  3. Loadrunner错误-26601、-27492、-27727处理方法
  4. String为什么是不可变类型?
  5. 【通知】3月第三周直播预告,模型精简前沿技术,人脸分析与编辑,图像风格化...
  6. linux ar 命令详解
  7. layer.confirm 询问框 的层遮盖
  8. python正则匹配找到所有的浮点数_如何利用Python抓取静态网站及其内部资源
  9. Intel 64/x86_64/IA-32/x86处理器基本执行环境 (1) - 32位执行环境概述
  10. iOS 使用CocoaPods
  11. 数据结构算法实践-Python——序章
  12. Springboot 拦截器配置(登录拦截)
  13. The process cannot access the file '' because it is being used by another process.....
  14. Keil MDK 5安装了GD32 pack包工程里却找不到
  15. FineReport新建数据连接
  16. 图像处理之opencv图片几何变化操作大全
  17. 函数——求三个数的最大值
  18. Could not find setter for ID on class com.iflytek.civilAffairs.pojo.MzywShswcYtwy
  19. php消息撤回,QQ怎么在撤回消息后面加字?QQ消息撤回修改内容
  20. 关闭windows安全警报_win10中使用这三招,完全关闭微软杀毒软件Defender

热门文章

  1. dbcp连接池配置详解_重学MySQL:事务与连接池,一文详解带你搞懂
  2. ROS功能包或其中一部分找不到的奇葩问题及对应解决方案
  3. C++新特性探究(十一):enum class(struct)
  4. 《Essential C++》笔记之return;分析
  5. java让弹窗在最上层_layer弹出层显示在top顶层的方法
  6. post 261.html,261除以6约等于
  7. qt添加菜单纯代码_开始玩qt,使用代码修改设计模式生成的菜单
  8. mongo3.5 java cursor,Spring Data MongoDB-需要'cursor'选项
  9. python 邮件中生成图表_60秒一口Python:147个demo,助你从新手小白步步进阶编程高手...
  10. SpringSecurity Form Login