vue.js - 如何在 Ag-grid 上使用 id 参数导航到另一个页面？

Question

我正在尝试编辑显示在 Ag-Grid 表中的记录。我想在单击 Ag-grid 的特定单元格时导航到编辑页面，并且必须推送该记录的 ID 参数以填充编辑页面。我的应用程序是用 Vue.Js 构建的。任何人都可以帮助解决这个问题吗？请。！

标签： vue.jsag-grid

Answer 1

这对我有用。我希望它也对你有用。

{
          headerName: "ID",
          field: "idvalue",
          cellRenderer: params => {
            const route = {
              name: "editpage",  // name will be same as stated in the route by you
              params: { id: params.value } 
            };

            const link = document.createElement("a");
            link.href = this.$router.resolve(route).href;
            link.innerText = params.value;
            link.addEventListener("click", e => {
              e.preventDefault();
              this.$router.push(route);
            });
            return link;
          }
},