iview框架获取Table点击的第几个内容

最新推荐文章于 2023-08-09 09:17:50 发布

原创

最新推荐文章于 2023-08-09 09:17:50 发布 · 682 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍如何在iview前端框架中，通过监听Table组件的事件来获取用户点击的具体行的索引，从而实现交互功能。

      columns: [
        {
          title: "登录账号",
          key: "account"
        },
        {
          title: "姓名",
          key: "name"
        },
        {
          title: "手机",
          key: "phone"
        },
        {
          title: "邮箱",
          key: "email"
        },
        {
          title: "用户状态",
          key: "status"
        },
        {
          title: "用户所属企业",
          key: "company"
        },
        {
          title: "创建时间",
          key: "createtime"
        },
        {
          title: "操作",
          key: "action",
          width: 200,
          align: "center",
          render: (h, params) => {
            return h("div", [
              // 编辑
              h(
                "Button",
                {
                  props: {
                    type: "info",
                    size: "small"
                  },
                  on: {
                    click: () => {
                      // 编辑操作接口