vue中如何動(dòng)態(tài)拼接this后面的變量
更新時(shí)間：2023年07月05日 14:33:39 作者：起啥名呢啊
這篇文章主要介紹了vue中如何動(dòng)態(tài)拼接this后面的變量問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue動(dòng)態(tài)拼接this后面的變量
寫項(xiàng)目的用到for循環(huán)，動(dòng)態(tài)拼接變量，用了幾種方法不行，終于找到一種，記錄一下：
? ?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; // 子設(shè)備溫度1
? ? ? ? ? })
? ? ? ? ? .catch((error) => {
? ? ? ? ? ? console.log(error);
? ? ? ? ? });
? ? ? }直接在this后面加[]，在里面添加你要拼接的內(nèi)容！
親測(cè)有效!!!
react、vue動(dòng)態(tài)拼接key（動(dòng)態(tài)拼接key或者其他參數(shù)）
react動(dòng)態(tài)拼接
這里拿到的拿到的這個(gè)值‘roomDisabled’是一個(gè)字符串，并不是一個(gè)變量的值，
解決辦法：
{this.state[${type}Disabled]}例子：
vue動(dòng)態(tài)拼接
let addRoom = '新增';
let editRoom = '修改';
let key='Room';
console.log('test',this['addRoom'],this['editRoom'],this[`add${[this.key]}`])
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue?數(shù)組添加數(shù)據(jù)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
VueCLI通過process.env配置環(huán)境變量的實(shí)現(xiàn)
本文主要介紹了VueCLI通過process.env配置環(huán)境變量的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue-router vuex-oidc動(dòng)態(tài)路由實(shí)例及功能詳解
這篇文章主要為大家介紹了vue-router vuex-oidc動(dòng)態(tài)路由實(shí)例及功能詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
這篇文章主要介紹了在vue中使用Echarts畫曲線圖的示例，幫助大家在vue中繪制圖表，感興趣的朋友可以了解下2020-10-10
Vue+Koa+MongoDB從零打造一個(gè)任務(wù)管理系統(tǒng)的詳細(xì)過程
這篇文章主要介紹了Vue+Koa+MongoDB從零打造一個(gè)任務(wù)管理系統(tǒng),本文通過圖文實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08
vue3鼠標(biāo)拖拽滑動(dòng)效果實(shí)現(xiàn)demo
這篇文章主要為大家介紹了vue3鼠標(biāo)拖拽滑動(dòng)效果實(shí)現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
本文主要介紹了Vue操作數(shù)組的幾種常用方法小結(jié),主要包括map、filter、forEach、find 和 findIndex 、some 和 every、includes、Array.from這幾種方法,感興趣的可以了解一下2023-09-09
vue打印功能實(shí)現(xiàn)的兩種方法總結(jié)
在項(xiàng)目中,有時(shí)需要打印頁面的表格,所以下面這篇文章主要給大家介紹了關(guān)于vue打印功能實(shí)現(xiàn)的兩種方法,以及批量打印的完整代碼,需要的朋友可以參考下2021-06-06
在本篇文章中小編給大家分享了關(guān)于vue源碼架構(gòu)的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們學(xué)習(xí)下。2019-01-01
這篇文章主要介紹了vue制作一個(gè)toast組件npm包,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10