Question

我正在尝试使用字符串插值在组件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>

导航项目源自Vuex商店：

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

Angular JS有一个完美的ng-href指令： https://docs.angularjs.org/api/ng/directive/ngHref

当我使用v-bind时：href =“item”我得到'not bound'错误。任何想法如何解决这个问题？

Answer 1

假设您的procedure TForm1.VSTResize(Sender: TObject); begin VST.Header.Columns[0].Width := MulDiv(VST.Width, 50, 100); VST.Header.Columns[1].Width := MulDiv(VST.Width, 30, 100); VST.Header.Columns[2].Width := MulDiv(VST.Width, 20, 100); end;正在运作，那么它应该是

mapState

这是example。

Vue 2和Nuxt：v-for中的变量href（Vuex有状态变量）

1 个答案: