求助, antd 的 steps 组件添加 change 事件后仍不能点击

最新推荐文章于 2024-06-14 17:42:09 发布
最新推荐文章于 2024-06-14 17:42:09 发布
阅读量886 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dengfenglai825/article/details/107821926
版权

如图，想用 steps 组件分步显示不同信息， 官网上说 添加 change 事件后就可以点击

官网 steps 组件链接

 

但是我添加后仍不能点击切换，有人遇到过这个情况吗？？？

dengfenglai825
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
React使用antd的Steps控件的问题
qq_16256793的专栏
06-11 8285
项目所使用的是antd 2.x版本，由于业务需要，弄一个进度条，使用Steps控件来实现目标的实现效果：需要的效果就是，竖着的，点状的步骤，并且文字都是可以点击的但是在使用Steps控件的过程中，因为需要竖着的，但是在查看antd使用的时候，使用codePen来实现竖着点状步骤是可以的，但是在项目中变成了这样找了很久，没有找到原因，所有就把Steps的style覆盖掉了:global { .a...
react的Steps antd组件实现页面局部跳转
Eat_sugar的博客
07-15 2153
react的antd中Steps组件实现局部跳转 我在学习react框架的时候，遇到一个问题，需要在react项目中需要使用steps组件来实现的页面局部跳转，达到点击Step1，下面显示Step1的页面内容，点击Step2，显示Step2页面的内容 我百度了很多，都没有找到我需要的代码，大都是通过route来进行跳转的，最后通过研究和咨询大佬，解决了这一问题，希望对大家有帮助，下面直接上代码 ```javascript ```javascript import React from 'react'
Ant Design分页组件中实现禁止点击当前页按钮的方法
jiaohuizhuang6019的博客
09-23 288
Ant Design分页组件中实现禁止点击当前页按钮的方法
element Steps 步骤条无法设置单击事件
最新发布
红烧咸咸鱼
06-14 256
element Steps 步骤条无法设置单击事件
antd+vue的steps组件在步骤条中添加自定义样式内容（下）
qq_43437571的博客
09-23 1万+
如果antd中steps组件中提供的图标不能满足我们的要求，需要使用自定义的图片来实现，比如实现如下示例： 实现代码如下： <template> <a-row :gutter="24"> <a-col :md="24"> <a-card title="步骤条"> <a-switch checked-children="横向" un-checked-children="纵向"
vue3.0 + antdv3.x 步骤条改造
weixin_44185995的博客
01-18 821
【代码】vue3.0 + antdv3.x 步骤条改造。
记录一个BUG a-steps 切换步骤点击下一步问题
weixin_43666952的博客
03-06 383
在切换事件中把current 又改为第一步的值切换也没毛病，就是走不到下一步，以为是版本大切换导致的试着切换到低版本还是不行Cannot read properties of null (reading ‘split‘)“ 包这样一个错很是疑惑？最近心血来潮，想将之前重构的服务端2.0进化为3.0，肯定是要将UI组件升级版本使用，在涉及到忘记密码页面有一个三步走战略，当时以为是很普通的复制粘贴然后修改，然后就出现了一个离奇的BUG。直接照官网的复制个demo,
antd组件onChange回调，需要立即执行改变value与防抖节省接口开销。
BWater_monster的博客
10-22 1727
- 回调函数频繁调用，并且有较大的请求开销 - 可以使用防抖的方法解决次数频繁调用 - 回调的即时处理与防抖处理可分开处理 - 要注意防抖函数的定义，引用地址是否相同。
Antd Steps步骤条结合路由跳转
annie_7的博客
03-30 2771
Steps步骤条 定义一个home目录， index.js step.js StepOne.js StepTwo.js StepThree.js // index.js import React, { Component } from 'react' import Stepper from './step' import { Route } from 'react-router-dom' impo...
【React】Antd - step组件的使用
qq_37086980的博客
06-24 2521
Antd 完成 step 组件 代码案例： index.tsx <div className="steps"> <Steps current={curRecNodeInd} size="small"> {reconcileNodeList.map((item: any, idx: number) => ( <Step key={`${item.index}-${i
el-tabs和el-steps切换以及steps点击事件
hikktn的博客
04-08 6277
首先，还是百度了一下示例，但是这些人的效果都不太满意，并且还有bug，故而自己改造了一下代码。 <template> <div> <el-steps :active="active_index - 0" simple style="margin-top: 20px"> <el-step v-for="(item,index) of stepParams" :key="index" :
ant design vue 步骤条step加气泡卡片popover
jduksa的博客
01-11 2193
在官网的基础上做了点修改 官网：https://www.antdv.com/components/steps-cn/ <!--Step:当前步骤条所处的节点位置--> <!--StepChange：点击改变步骤条的节点位置--> <a-steps :current="Step" @change="onStepChange"> <a-step v-for="(item, index) in Steps" :key="index" :title="item"&gt
ant Steps组件的实际使用
wangzhichaogege的博客
03-23 2012
有些童鞋不太理解这个组件 看官网上的： <Steps current={1}> <Step title="Finished" description="This is a description." /> <Step title="In Progress" subTitle="Left 00:00:08" description="This is a description." /> <Step title="Waiting" desc
Concis组件库封装——Steps步骤条
量子前端的博客
05-24 1796
前些时间有点忙…也是没来得及更新组件库，今天写了一个PC/Mobile兼容的步骤条组件，组件文档如下： 这个主要是一个UI组件，在业务中用的比较多的，源码如下： Steps外层组件： import React, { FC, memo, useEffect, useCallback } from 'react'; import { CheckOutlined } from '@ant-design/icons'; import './index.module.less'; interface stepsP
【React】步骤条实现
@point
08-06 2784
最近在学习react。正好项目里碰到了这个需求就记录下 首先写react的朋友们一定对Ant Design不陌生了.这里引用的就是下面的这个组件 那么中间的面板我们希望根据步骤的进展然后显示不同的内容。 那么我们就可以通过id来进行传。然后跳到不同的组件页面 大概的代码如下： const steps = [ { id:1, title: '第一步', content...
antd+vue的steps组件在步骤条中添加自定义样式内容（上）
qq_43437571的博客
09-22 1万+
步骤条的图标比较单调，需要替换成有特定图标，从图库里选择需要的图标替换上去，改变之前的步骤条： 替换图标之后的步骤条： 核心： 如果antd中steps组件中提供的图标有时候能满足我们的要求，可以使用框架中本身提供的icon来实现：使用slot插槽来实现 实现代码如下： <template> <a-row :gutter="24"> <a-col :md="24"> <a-card title="步骤条"> <
React antd Steps步骤条与Popover气泡卡片结合应用
lxn111111的博客
11-02 1725
由于要求鼠标放到对应部门上时显示具体信息，所以需要两个接口，一个对应步骤条，另一个对应Popover气泡卡片。“开始”、“结束”是采用数组添加方式手动固定在页面上，其余步骤则为动态渲染，所以需要在接口返回值中进行添加。 ...
react配置Ant Design步骤解析
热门推荐
吴小迪的博客
04-21 3万+
react项目很多时候都会用到antd，那么我们在舒服的使用antd前要如何进行配置？ 接下来笔者会随着大家一起去做。 首先确保有一个react项目 安装antd npm i antd -S 安装按需加载组件代码和样式的插件 npm i babel-plugin-import -D 笔者家网速不是很好，改用了cnpm淘宝镜像才安装成功。，朋友们可正常使用npm 4. 在package...
Ant组件库的Steps步骤条中嵌套步骤条
半朵梨花压海棠
01-22 4018
需求：如果在步骤条里嵌套步骤条 实现：在a-steps标签里再写一个a-steps标签 注意：需要监听:current，如果有多层嵌套，要判断什么时候显示子步骤条 官网： Ant-vue的Steps步骤条组件：https://www.antdv.com/components/steps-cn/ 示例： <a-steps size="small" style="padding-left: 20px;" direction="vertical" :current="currentTab3">
react+antd 函数式组件 写一个可以折叠的竖直步骤条
r8577的博客
11-16 839
实现一个有折叠效果的步骤条。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值