的Vue 2和Nuxt：V型为（Vuex状态变量）的内部变量的href

Question

我试图使用字符串插值来创建一个组件内的HREF V-for循环：

<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> 

导航项目起源在Vuex店：

export const state = { 
    navigationItems: ['Home', 'About', 'Blog', 'Contact'] 
} 

角JS有NG-HREF指令，将是完美的： https://docs.angularjs.org/api/ng/directive/ngHref

当我使用v-绑定：HREF = “项目” 时I g等'没有约束'的错误。任何想法如何把这个关掉？

Answer 1

假设你mapState工作应该是

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

这里是一个example。