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