Vuejs2 Vue 2和Nuxt:v-for内的变量href（Vuex有状态变量）

我正在尝试使用字符串插值在组件v-for循环中创建href：

<template>
  <div class="pa4">
    <div v-for="item in navigationItems">
      <a href="'#'${item}">{{item}}</a>
    </div>
 </div>
</template>

<script>
  import {mapState} from 'vuex'
  export default {
    computed: {
      ...mapState({
      navigationItems: state => state.navigationItems
      })
    }
  }
</script>

Angular JS有一个非常完美的ng href指令：

---

当我使用v-bind:href=“item”时，会出现“未绑定”错误。有没有办法解决这个问题

假设您的

mapState

正在工作，它应该是

<a :href="'#'+item">{{item}}</a>

这是一个例子

<a :href="'#'+item">{{item}}</a>