Myujth

I have an example Vue.js setup of two pages. A list of products and then an order form.

https://listorder.netlify.com

ISSUE 1 - The URL passed from products to order page input gets encoded. I have tried to decode with decodeURI() but it still outputs encoded.

<a class="btn btn-primary btn-pill" v-bind:href="'order.html?product=' + decodeURI(item.title) + '&' ?price=' + decodeURI(item.price)" style="color:white;">Buy Now</a>

ISSUE 2 - After POST has completed, I need to redirect to a Paypal page appending data from the "Price" field on the order page. Not sure whether Vue will be required here or to add into the existing javascript.

Paypal page to redirect to https://www.paypal.me/wereallcatshere/USD then append the "price" field

JAVASCRIPT

form.addEventListener('submit', e => 
 e.preventDefault()
 showLoadingIndicator()
 fetch(scriptURL, method: 'POST', body: new FormData(form) )
 .then(response => showSuccessMessage(response))
 .catch(error => showErrorMessage(error))
)

function showSuccessMessage(response) 
 console.log('Success!', response)
 setTimeout(() => 
 successMessage.classList.remove('is-hidden')
 loading.classList.add('is-hidden')
 , 500)

VUE

<script type="text/javascript">
 const app = new Vue(
 el: '#app',
 data: 
 items: 
 ,
 created: function () 
 fetch('listorder.json')
 .then(resp => resp.json())
 .then(items => 
 this.items = items;
 )
 ,
 methods: 
 redirect: function () 
 window.location.href = "https://www.paypal.me/wereallcatshere/USD" + item.price;
 
 
 );