vue中如何动态拼接this后面的变量
作者：起啥名呢啊
这篇文章主要介绍了vue中如何动态拼接this后面的变量问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
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]}`])
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。