如何在href标签中传递变量？

javascript110899

我在Vue中有一个应用程序，其中在标题中显示了不同的链接。根据环境的不同，链接的根也会有所不同，因此我用链接的根的值保存了一个环境变量。我将其导入组件中以使用对该变量的引用，但找不到在href标签中包含它的方法。在组件脚本中，我导入声明了变量的配置文件并返回

<script>
import Config from './../../config.js';

export default {
  data: function () {
    return {      
      hoverHome: false,
      testUrl: Config.TEST_URL
    }
  },

此时环境变量带来的值是https：//www.test.sp，在我的模板中，我尝试使用它，但是无论是唯一值还是组合时，我都找不到怎么做的方法它带有URL终止

  <li class="nav-item">
      <a class="nav-link head" href=testUrl>Business</a>
  </li>
  <li class="nav-item">
      <a class="nav-link head" href=testUrl/shops>Shops</a>
  </li>

我如何在href标签内使用此变量？

法瓦德

您需要将绑定HREF使用值 v-bind:href或不久 :href的V-绑定

因此，只需绑定任何具有指向href的链接的变量，例如

<a v-bind:href="'/anylink/' + testUrl">

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。