首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Ant-design-vue Table 增加单选操作!

前提 业务上有需求,需要在表格中增加单选操作来显示该条数据的附加信息。因为 UI 组件库使用的 ant-design-vue,在看过 api后发现 table组件已经内置了相关功能。直接使用即可。...使用方式 新建一个table组件。主要设置两个参数一个是 rowKey,另外一个是 rowSelection。rowKey用来做当前行的唯一标识。...rowSelection有三个参数 1、 SelectedRowKeys:用来设置选中的数据 2、onChange:选中事件 3、type: 设置选中的类型可为 radio 或者 checkbox <a-table...ref="table" size="middle" :scroll="{x: 1500}" bordered rowKey="id" :columns="columns"...onChange: handleRowClick, type: 'radio'}" :customRow="customRowFn" @change="handleTableChange"> </a-table

46210

原生 JS 实现惯性滚动,鼠标滚轮增加阻尼感,纵享丝滑

code.juejin.cn/pen/7272919488994279484本文将教会你如何让鼠标滚轮也能够丝滑地操作网页,带来更舒适的页面惯性滚动体验,同时讲解其中技术原理与细节,用最少量的代码实现 JS...实现原理首先需要利用 DOM 事件禁止鼠标滚动,转为 JS 控制。...通过 JS 模拟页面滚动实际可以看做是在执行一个连续的动画,这时候肯定就离不开与浏览器动画息息相关的 requestAnimationFrame 函数了,我们需要知道它的回调函数会传入一个 DOMHighResTimeStamp...(value);}此时页面就可以像往常一样滚动了,并且是不依赖系统默认事件的,由 JS 代理滚动效果,接下来我们继续往方法里处理如何平滑过渡。...(value);}这样就实现了一个平滑的惯性滚动效果,但实际上由于帧率是可变的(受屏幕刷新率影响),每帧之间的插值距离也会有所不同,要进一步优化阻尼效果还需要在线性插值的基础上增加阻尼系数和时间步长,目前大部分显示器在

1.1K41

如何CDH集群增加Gateway节点

增加一台Gateway节点,与安装CDH非常类似,你必须要注意一定要做好客户端机器的前置条件准备,参考《CDH安装前置准备》,否则会增加失败。本文主要描述如何CDH集群增加Gateway节点。...内容概述 1.创建Gateway节点的主机模板 2.Gateway节点的前置准备 3.增加Gateway节点到集群并应用主机模板 测试环境 1.CDH5.13 2.采用root用户操作 3.CentOS6.5...2.创建Gateway节点的主机模板 ---- 1.从Cloudera Manager进入“主机模板”页面 [8vvlacfuvs.jpeg] 2.点击“创建” [sgd3bbakzn.png] 3.模板命名...16.等待应用主机模板命令执行完毕 [ixqqmbjlgg.jpeg] 待所有步骤执行完毕后,点击“关闭” 17.确认所有Gateway角色已经部署到新的节点 [7pjuzfq0dy.jpeg] 至此,CDH...集群增加新的Gateway节点完成。

4.8K62

PageHelper 插件,无故 SQL 增加 Limit 问题

在项目中,使用了 MyBatis 的 PageHelper 插件,发现了一个奇怪的问题,经常会给SQL无缘无故的增加Limit语句,经过调查,发现原因是没有安全的使用PageHelper插件,先来看一个例子...就属于明显的不安全调用,因为PageHelper的原理是,在PageHelper.startPage调用时,会给全局对象LOCAL_PAGE设值,然后通过拦截器拦截每个SQL语句,如果LOCAL_PAGE有值,则该...SQL增加Limit,并调用clearPage方法清除LOCAL_PAGE的值; 但是上面的代码,其分页查询语句有可能因为if的条件的不满足没有执行,所以在程序执行结束时,PageHelper.startPage...已经执行,LOCAL_PAGE的值已经设置 当线程池再次分配该线程执行其他程序时,可能会在该程序的第一个SQL上增加了Limit语句。...解决该问题的方法是,要绝对保证PageHelper.startPage和分页查询语句之间不要有任何其他语句,或者在程序结束时增加PageHelper.clearPage();的调用,例: PageInfolist

1.7K10
领券