我正在使用 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 操作
最佳答案
@ 符号是 razor 语法。在 js 框架中,不再有 @ 符号。对于 url,通常只使用字符串。只需使用
<a href='/loanorigination/loanrequest'>APPLY NOW
或者为了获得更大的灵 active ,查找 Vue Properties 并将其作为名为 LoanUrl 之类的属性传递到您的组件,并使用 {loanUrl} 代替上面的字符串。
关于javascript - 如何使 URL 操作在 vue 组件中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59072941/