vue中如何動態(tài)拼接this后面的變量
更新時間：2023年07月05日 14:33:39 作者：起啥名呢啊
這篇文章主要介紹了vue中如何動態(tài)拼接this后面的變量問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue動態(tài)拼接this后面的變量
寫項目的用到for循環(huán)，動態(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)容！
親測有效!!!
react、vue動態(tài)拼接key（動態(tài)拼接key或者其他參數(shù)）
react動態(tài)拼接
這里拿到的拿到的這個值‘roomDisabled’是一個字符串，并不是一個變量的值，
解決辦法：
{this.state[${type}Disabled]}例子：
vue動態(tài)拼接
let addRoom = '新增';
let editRoom = '修改';
let key='Room';
console.log('test',this['addRoom'],this['editRoom'],this[`add${[this.key]}`])
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文總結(jié)了Vue.js中的內(nèi)置指令和自定義指令的使用方法和應(yīng)用場景,內(nèi)置指令包括v-bind、v-model、v-on、v-if/v-else/v-else-if、v-show、v-for、v-cloak和v-pre等,感興趣的朋友跟隨小編一起看看吧2025-10-10
詳解Vue用axios發(fā)送post請求自動set cookie
本篇文章主要介紹了Vue用axios發(fā)送post請求自動set cookie，非常具有實用價值，需要的朋友可以參考下2017-05-05
對vuejs的v-for遍歷、v-bind動態(tài)改變值、v-if進行判斷的實例講解
今天小編就為大家分享一篇對vuejs的v-for遍歷、v-bind動態(tài)改變值、v-if進行判斷的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
vue路由$router.push()使用query傳參的實際開發(fā)使用
在vue項目中我們用函數(shù)式編程this.$router.push跳轉(zhuǎn),用query傳遞一個對象時要把這個對象先轉(zhuǎn)化為字符串,然后在接收的時候要轉(zhuǎn)化為對象,下面這篇文章主要給大家介紹了關(guān)于vue路由$router.push()使用query傳參的實際開發(fā)使用,需要的朋友可以參考下2022-11-11
Vue+Element ui 根據(jù)后臺返回數(shù)據(jù)設(shè)置動態(tài)表頭操作
這篇文章主要介紹了Vue+Element ui 根據(jù)后臺返回數(shù)據(jù)設(shè)置動態(tài)表頭操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vue使用百度地圖報錯BMap?is?not?defined問題及解決
這篇文章主要介紹了vue使用百度地圖報錯BMap?is?not?defined問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue自定義加載指令的相關(guān)知識，主要包括創(chuàng)建加載組件，創(chuàng)建指令的方法，結(jié)合實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
這篇文章主要為大家詳細(xì)介紹了vue v-model表單控件綁定的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
文章詳細(xì)介紹了如何封裝和使用Vue模擬鍵盤組件,涵蓋了組件封裝方法以及使用技巧,還提供了擴展方法,如新增鍵盤類型和添加動畫效果,并強調(diào)了事件處理、響應(yīng)式設(shè)計和無障礙支持的關(guān)鍵點,需要的朋友可以參考下2025-10-10
vue3.2自定義彈窗組件結(jié)合函數(shù)式調(diào)用示例詳解
這篇文章主要為大家介紹了vue3.2自定義彈窗組件結(jié)合函數(shù)式調(diào)用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09