Расшифруйте ссылку URL href и страницу перенаправления с помощью Vue.js после POST

Question

У меня есть пример настройки Vue.js из двух страниц. Список продуктов, а затем форма заказа.

https://listorder.netlify.com

ВЫПУСК 1 - URL, передаваемый из продуктов на страницу заказа, кодируется. Я попытался декодировать с decodeURI (), но он все еще выводит закодированный.

<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>

ВЫПУСК 2 - После завершения POST мне нужно перенаправить на страницу Paypal, добавив данные из поля «Цена» на странице заказа. Не уверен, что Vue потребуется здесь или добавить в существующий JavaScript.

Страница PayPal для перенаправления на https://www.paypal.me/wereallcatshere/USD и добавление поля «цена»

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