javascript - 如何从 vue js 模板中将参数传递给方法调用？

Question

所以在我的模板中，我有以下内容：

          <template v-for="item in jobs">
            <tr>
                <td v-for="stage in item.stage_execs" :style="getStyle(stage.status.name)" :title="stage.exec_node.name" >
                  <b><a :href="[[ item.mongo_link ]]/[[stage.name]]">[[ stage.name ]]</a></b>
                  <br>
                  [[ stage.duration_millis | durationReadable  ]]
                  <br>
                  [[ stage.status.name ]]
                </td>
            </tr>
          </template>

问题是我正在尝试使用两个变量创建一个 href 链接，但我认为我不能在 vue.js 中做到这一点

我希望有一种方法可以做到这一点，我只是不知道，否则我可以编写一个方法来创建链接并将其称为：

<a :href="[[ generateMongoLink ]]">

我的问题（如果我必须走这条路）是如何将两个参数从上面的调用中传递给方法？我想用 item.mongo_link 和 stage.name 打电话

标签： javascriptvue.js

Answer 1

更干净的方法是使用方法

methods: {
    generateMongoLink(item) {
     return item.mongo_link + '/' + stage.name"
   }
 }

然后在模板中

<a :href="generateMongoLink(item)">