Vue href 与静态 url 绑定

Question

我想传递一个静态 href + 一个通过 v-for 提供的动态部分。在其中一个 td 像这样的东西。现在，它正在将其作为字符串读取。

 <td class="">
             **<a class=" " href="https://xxx.yyy.us/org/ `${{currentView["projectName"]}}`"**   
    target="_blank" 
            ><img
              class="inline-block w-10"
              alt=""
              src="../assets/img/mylogo.svg"
              
          /></a>

            
          </td>

Answer 1

使用 v-bind 将 vue 实例数据绑定到 html 属性。

Shorthand 对于 v-bind 是 : 我们将在下面使用

<a class=" " :href="'https://xxx.yyy.us/org/' + currentView['projectName']"/>
<!--...-->
</a>

Vue href 与静态 url 绑定

Vue href binding with static url

html

vue.js

href