ヴュー2とNuxt：V-用（Vuexステートフル変数）内部変数のhref

Question

私は、成分V-のためのループ内の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> 

ナビゲーションアイテムが発信Vuexストア内：

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

角度JSが完璧になるNG-hrefのディレクティブがあります。私は、V-バインドを使用する場合 https://docs.angularjs.org/api/ng/directive/ngHref

を：のhref = "アイテム" Iグラムet 'bound'エラーが発生します。どのようにこれをプルするためのアイデア？

Answer 1

はmapStateが、それはここで

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

する必要があります取り組んでいるあなたと仮定するとexampleです。