Javascript VueJS从v-model更改URL参数

这里是编程新手

我必须调用一个API，在该API中，我必须更改querystring的某些部分以检索不同的结果

简要说明：

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

这正是计算的目的：

您可以使用

watch（）

：

data（）{
返回{
参数：“”，
参数：“”，
网址：'http://localhost:7000/mock?',
}
}
手表{
param（）{
this.url+='`mockingCode=${this.param}&`；
}
param（）{
this.url+='`mockingCode2=[B]${this.param2}&`；
}
}

是您希望在localhost上调用的API（它看起来像URL）？您是在使用Axios进行调用吗？模板中不能有两个div与另一个相邻

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