【ant-design-vue】table表格设置行属性customRow

最新推荐文章于 2024-11-02 19:31:41 发布

原创最新推荐文章于 2024-11-02 19:31:41 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

VUE 同时被 2 个专栏收录

117 篇文章

订阅专栏

ant-design-vue

1 篇文章

订阅专栏

这篇博客介绍了如何在Ant Design Vue的表格组件中添加行事件处理，包括单击、双击、鼠标移入和移出等事件的监听与响应，提供了具体的代码示例。

ant-design-vue表格行属性可以添加行事件

<a-table
  :columns="columns"
  :dataSource="warningData"
  :pagination="false"
  :customRow="rowClick"
></a-table>

rowClick(record) {
      return {
        on: {
          click: () => {
            console.log('单击')
          },
          dblclick: () => {
            console.log('双击')
          },
          mouseenter: () => {
            console.log('鼠标移入')
          },
          mouseleave: () => {
            console.log('鼠标移出')
          }
        }
      }
    },