javascript - 在模板中访问 "this"

Question

我想在我的模板中动态创建 map 图层。因此我认为我需要访问模板中的 vue 实例

<template>
  <MglVectorLayer
    v-for="(layer, idx) in lLayers"
    :key="idx"
    :sourceId="'someid'"
    :source="somevectorsourcedata"
    :layerId="layer"
    :layer="this[layer]"  <<<<< I need to get the computed propery (layer1 & layer2) here
  />
</template>

export default {
  data () {
    layers: ['layer1', 'layer2']
  },
  computed: {
   layer1 () {
     return (..somelayerdata..)
   },
   layer2 () {
     return (..someotherlayerdata..)
   }
  }
}

当我忽略this时，我收到警告:预期对象，得到字符串...

有人知道我如何访问这个吗？或者也许有另一种/更好的方法来做到这一点？

Answer 1

只需使用一个方法:

:layer="getLayer(layer)"

methods: {
  getLayer(layer) {
    return this[layer]
  }
}