Adding back button to model page

This commit is contained in:
Max 2021-12-20 16:52:25 -05:00
parent ea5fb973d4
commit 75ae56d18b

View file

@ -4,7 +4,13 @@
<div class="select-car">
<div class="select-car-form rounded text-center">
<vehicleBanner :vehicleImageSrc="vehicleBannerWidget.GenericVehicleImage" />
<funnelSubHeader :text="pageHeaderWidgets.HeaderText" class="Header" />
<funnelSubHeader
:text="pageHeaderWidgets.HeaderText"
:hasBackButton="true"
backButtonAccessibleText="Change Vehicle Make"
:backButtonAction="backButtonAction"
class="Header"
/>
<modelQuestion v-model="selectedModel" ref="modelQuestion" />
</div>
</div>
@ -60,6 +66,13 @@ export default {
});
},
methods: {
backButtonAction: function () {
// route to move backwards
this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
}
},
watch: {
selectedModel(model) {
this.$store.commit(this.storeMutations.UPDATE_MODEL, model);