如何使Vue組件中的URL操作起作用

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鏈接斷開。 我剛接觸VueJ時，如何以vuejs兼容格式重寫此URL操作

Answer 1

@符號是剃刀語法。 在js框架中，您不再有@符號。 對於url，通常只使用字符串。 只需使用

<a href='/loanorigination/loanrequest'>APPLY NOW

或者，為了獲得更大的靈活性，請查找Vue屬性，並將其作為名為loanUrl之類的屬性傳遞到您的組件中，並使用{loanUrl}代替上面的字符串。