我有一个vue组件来呈现导航列表,并传递导航列表,每个项目包括标题和链接:

<template>
  <ul>
    <li v-for="item in list"><a v-link="{{ path: item.link }}"></a></li>
  </ul>
</template>

<script>
  export default {
    props: ['list']
  }
</script>

我try 将变量item.link传递给v-link路径,但失败了.

获取以下警告:

[Vue warn]: v-link="{{ path: item.link }}": attribute interpolation is not allowed in Vue.js directives and special attributes.

如果将变量传递到v-link路径,我应该怎么做?

感谢阅读:)

推荐答案

v-link中的语句不需要"Mustache"语法.

<li v-for="item in list"><a v-link="{ path: item.link }"></a></li>

你可以看到http://router.vuejs.org/en/index.html

Vue.js相关问答推荐

V-img不显示文件夹中的图像

VITE:无法为VUE单文件组件加载URL

Vue 3 需要 main.js 中的文件

可组合数据获取示例

在vuejs中使用表单追加时如何使用布尔值

VueJS CKeditor5 上传图片

在 VueJS 中存储图像的正确位置是什么 - 公共文件夹或assets文件夹?

我可以从手表调用方法并安装吗?

Vue 和 Bootstrap Vue - 动态使用插槽

在基于 TypeScript 的 Vue 中将 vuex 状态和Mutations绑定到复选框组件属性

Nuxt & Vuetify:如何控制 CSS 文件的加载顺序?

Vue @click 不适用于存在 href 的anchor锚标记

v-model 不会检测到 jQuery 触发事件所做的更改

怎样1秒后自动隐藏VueJS中的元素

v-if inside v-for - 在两列中显示项目列表

VS代码中的红点是什么意思

VueJS错误编译模板

如何从 vue-apollo 中访问 this.$route?

在 Vuejs 中放置 firebase.auth().onAuthStateChanged() 的位置

在~/components/AddPlaceModal.vue中找不到导出AddPlaceModal