SOURCE

new Vue({
  el: '#app',
  data() {
    return {
      result: '',
      url: '',
      gameId: '',
    };
  },
  methods: {
    onSubmit() {
      const base = 'http://uae-test.jishi.rantu.com/game-detail';
      this.result = `${base}?gameId=${this.gameId}&url=${encodeURIComponent(this.url)}`;
    }
  },
});

<div id="app">
  <div>
    <form class="pure-form pure-form-stacked" @submit.stop.prevent="onSubmit">
      <fieldset>
        <label for="url">
          你的本地运行 URL
        </label>
        <input id="url" class="pure-input-1" v-model="url" required>
        <label for="gameId">
          gameId（平台方提供）
        </label>
        <input id="gameId" class="pure-input-1" v-model="gameId" required>
        <button type="submit" class="pure-button pure-button-primary">
          生成
        </button>
      </fieldset>
    </form>
    <div class="container">
      <div class="invoke-result">
        <b>
          结果：
        </b>
        <pre>{{ result }}</pre>
      </div>
    </div>
  </div>
</div>

#app {
  padding: 20px;
  fieldset {
    input {
      width: 500px;
    }
    button {
      margin-top: 15px;
    }
  }
  .container {
    margin-top: 30px;
  }
}