javascript - VueJS 从 v-model 更改 URL 参数

Question

新手在这里编码。

我必须调用一个 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}

标签： javascriptvue.jsurlquery-stringv-model

Answer 1

这正是计算的用途： https ://vuejs.org/v2/guide/computed.html

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