Vue绑定拼接变量用法

[WebCsDn_TDCode]

 内容代码

export default {
  data() {
    return {
      type:0,
      item0:[]
    };
  }
};

需求通过HTML/JS访问item0变量

HTML

<template>
<span>{{forData(`item${type}`)}}</span>
</template>
export default {
  data() {
    return {
      type:0,
      item0:[],
      item1:[],
    };
  },
  methods: {
    forData(val) {
      return this[val];
    }
 }
};

JS

export default {
  data() {
    return {
      type:0,
      item0:[],
      item1:[],
    };
  },
  created() {
     this[`item${this.type}`] = [1,2,3,4];
  }
};