Vue绑定拼接变量用法

内容代码

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

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

HTML


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];
  }
};

你可能感兴趣的:(vue.js,javascript,前端)