Как перейти на другую страницу с параметром id в Ag-сетке?

Question

Я пытаюсь отредактировать отображение записи в таблице Ag-Grid. Я хочу перейти на страницу редактирования, щелкнув определенную ячейку Ag-сетки, и параметр ID этой записи должен быть нажат для заполнения страницы редактирования. Мое приложение построено с использованием Vue. Js. Может ли кто-нибудь помочь с решением этой проблемы? Пожалуйста.!

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;
          }
},