如何使 URL 操作从 vue 组件中工作

Question

我正在使用 ASP.NET MVC 和 VueJs 开发一个小项目。我创建了一些组件并将它们添加到 Project.js 文件中，如下所示：

<div class="card_four">

  <a href="@Url.Action('LoanRequest', 'LoanOrigination')">APPLY NOW 

    <i class="icon">

      <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">

        <path d="M0.584961 11.5841L5.17099 6.99807L0.584961 2.41205L1.99896 0.998047L7.99899 6.99807L1.99896 12.9981L0.584961 11.5841Z" fill="white"></path>

      </svg>

    </i>

  </a>

  <p>No collateral Needed</p>

</div>

当我单击链接时，asp.net MVC URL 链接断开。我是 VueJs 新手，如何以 vuejs 兼容格式重写此 URL 操作

Answer 1

@ 符号是剃刀语法。在 js 框架中，您不再有 @ 符号。对于 url，您通常只使用字符串。只需使用<a&nbsp;href='/loanorigination/loanrequest'>APPLY&nbsp;NOW或者为了更灵活，查找 Vue 属性并将其作为属性传递给您的组件，称为诸如 loanUrl 之类的属性，并使用 {loanUrl} 代替上面的字符串。