想做这样一个效果,鼠标移入某一行的时候,让改行的操作按钮显示,怎么做某行的鼠标移入事件呢?
官方没有说明这个事件..
iview 怎么给table组件 单元行做鼠标移入事件的
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
关注 可以使用iView的Table组件的row-class-name属性来实现单元格鼠标移入事件。具体实现方法如下:
<template> <Table :data="tableData" :row-class-name="rowClassName"> <TableColumn prop="name" label="姓名"></TableColumn> <TableColumn prop="age" label="年龄"></TableColumn> <TableColumn prop="address" label="地址"></TableColumn> </Table> </template> <script> export default { data() { return { tableData: [ { name: '张三', age: 18, address: '北京市' }, { name: '李四', age: 20, address: '上海市' }, { name: '王五', age: 22, address: '广州市' } ] } }, methods: { rowClassName(row, index) { return 'row-class-name'; } } } </script> <style> .row-class-name:hover { background-color: #f5f5f5; } </style>
在上面的代码中,使用了row-class-name属性来指定每一行的class名称,然后在样式中使用:hover伪类来实现鼠标移入事件的效果。
解决 无用评论 打赏 举报
悬赏问题
- ¥15 扩散模型sd.webui使用时报错“Nonetype”
- ¥15 stm32流水灯+呼吸灯+外部中断按键
- ¥15 将二维数组,按照假设的规定,如0/1/0 == "4",把对应列位置写成一个字符并打印输出该字符
- ¥15 NX MCD仿真与博途通讯不了啥情况
- ¥15 win11家庭中文版安装docker遇到Hyper-V启用失败解决办法整理
- ¥15 gradio的web端页面格式不对的问题
- ¥15 求大家看看Nonce如何配置
- ¥15 Matlab怎么求解含参的二重积分?
- ¥15 苹果手机突然连不上wifi了?
- ¥15 cgictest.cgi文件无法访问