Javascript 如何访问vue.js中从模板传入的方法中的参数？

在下面的示例中，我试图从模板调用一个方法并传入一些参数。如何从方法本身访问这些参数

脚本片段

  methods: {
    showBinaries(job, id) {
      let test_url = process.env.VUE_APP_TEST_APP + "/api/v1/job=this.job&id=this.id"
      // how do i access job and build_id correctly here?
    }
  }

模板中的代码段

  <template v-for='job in new_jobs'>
    <span @click='showBinaries(job.name, job.id)'><li>job id is: {{ job.id }}</li></span>
    <ul v-if="showIosMasterBinaries===job.id">
      <li>test 1</li>
      <li>test 2</li>
    </ul>
  </template>

作业id为：{{job.id}

测试1
测试2

只要您的

作业

对象具有

名称

和

id

属性，那么是的，您只需将其从模板传递到方法中即可。在该方法中，您可以这样构造URL：

showBinaries(job, id) {
    const test_url = `${process.env.VUE_APP_TEST_APP}/api/v1/job=${job}&id=${id}`;
}

您不需要在方法中使用

this.id

或

this.name

，因为这将引用在组件级别声明的变量，如

new\u jobs

。您有方法参数

job

和

id

，它们将具有从模板传递的值

目前，您没有在方法中使用

test\u url

进行任何操作，因此您需要在请求中使用它，或者将其设置为可在方法之外访问的内容，但这将使您走上正确的道路。

您可以使用以下方法：

methods: {
  showBinaries(job, id) {
    let test_url = process.env.VUE_APP_TEST_APP + `/api/v1/job=${job}&id=${id}`
  }
}

这些都是相同的：

const id=1
log（'这是您的id:'+id）
log（`this is your id:${id}`）

我想我对vuejs的东西太过困惑了。我可以做“/api/v1/job=”+job+”&id=”+idys吗你可以。。。