Vue Demo, Sticky buttons
Is there any way in vue demo that we can set the action button on the breadcrumb section right side dynamically based on the page same as the breadcrumbs?
Replies (5)
Could you please provide a bit more info on how you are expecting the breadcrumbs button to be working?
If you want to redirect the user to another page you can use router-link and style it as a button.
Another solution is you can redirect users using router.push function inside a click event.
const router = useRouter();
router.push({ name: "sign-in" });Hi,
In Vue Demo, on the Customer Listing page there are two sticky buttons provided named Filter and Create I want to replace those buttons with Save and Cancel buttons for my form as the form is too long so users can use sticky buttons, so is there any way that I can make those buttons dynamic based on the page that I am loading, something similar to the breadcrumbs
Here's the screenshot for your reference: https://rxteam376-my.sharepoint.com/:i:/g/personal/priyank_patel_rxteam376_onmicrosoft_com/EWJZM_X7d3pGmmJfGLRpjxYB2cwJS7dM5LuxYhE8pa2Tmg?e=IdqwdK
You can get a page path and then based on the path add or remove or update button in toolbar.
const router = useRouter();
route.fullPathYes, for the links I can use that but I am trying to execute a method of the page file.
e.g I have placed two buttons named save and back. On save, I want to call a page function that will call API but this will be dynamic based on the module and page.
Hi,
You can use component events, your page components can emit functions that can be used inside your "Save" button click event.
Check example in CodeSandBox:
https://codesandbox.io/s/trigger-event-views-p9oyt?fontsize=14
