VueJS изменение параметров URL из v-модели

Question

newb ie здесь в коде.

Мне нужно вызвать API, в котором мне нужно изменить некоторые части строки запроса для получения различных результатов

Кратко объяснено:

<template>
      <div>
        <input type="text" v-model="param" />
      </div>
      <div>
        <input type="text" v-model="param2" />
      </div>
</template>

Это изменит следующий URL в зоне скрипта:

http://localhost: 7000 / mock? MockingCode = $ {param} & mockingCode2 = [B] $ {param2}

Answer 1

Это именно то, что вычисляется для: https://vuejs.org/v2/guide/computed.html

    computed: {
        url() {
            return `http://localhost:7000/mock?mockingCode=${this.param}&mockingCode2=[B]${this.param2}`;
        }
    },

Answer 2

можно использовать watch():

data() {
  return {
    param: '',
    param: '',
    url: 'http://localhost:7000/mock?',
  }
}
watch() {
  param() {
    this.url += '`mockingCode=${this.param}&`';
  }
  param() {
    this.url += '`mockingCode2=[B]${this.param2}&`';
  }
}