vue动态拼接this后面的变量

写项目的用到for循环，动态拼接变量，用了几种方法不行，终于找到一种，记录一下：

   for (let i = 1; i <= 4; i++) {
        let data = { RequestType: "Get", portNumber: i + "" };
        console.log(i);
        console.log(this["Str" + i]);    
        this.$axios
          .post("/api/config/dev", data)
          .then((res) => {
            let data = res.data;
            this["Str" + i][1].xinxi = data.subtemperature; // 子设备温度1
          })
          .catch((error) => {
            console.log(error);
          });
      }

直接在this后面加[]，在里面添加你要拼接的内容！

亲测有效!!!

react、vue动态拼接key（动态拼接key或者其他参数）

react动态拼接

在这里插入图片描述

这里拿到的拿到的这个值‘roomDisabled’是一个字符串，并不是一个变量的值，

解决办法：

{this.state[${type}Disabled]}

例子：

在这里插入图片描述

vue动态拼接

  let  addRoom = '新增';
  let  editRoom = '修改';
  let  key='Room';
  console.log('test',this['addRoom'],this['editRoom'],this[`add${[this.key]}`])

在这里插入图片描述

总结