vue中動態(tài)獲取變量名并賦值方式
更新時間：2025年04月03日 09:41:34 作者：周家大小姐.
這篇文章主要介紹了vue中動態(tài)獲取變量名并賦值方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue中動態(tài)獲取變量名并賦值
需求根據(jù)vuex返回的數(shù)據(jù)，動態(tài)針對每個data中指定的變量改為true但如果一個個if去手寫就太麻煩了；所以前綴相同尾部為I做為結(jié)束方便使用。
效果
data () {
return {
video0: '',
video1: '',
video2: '',
video3: '',
video4: '',
video5: ''
}
}, cuVal.forEach((item, i) => {
item.refs = 'video' + i
if (item.url) {
this[`${'video' + i}`] = true
this.startPlay(item, i)
}
})總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue swipe自定義組件實現(xiàn)輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
vue?elementui?大文件進(jìn)度條下載功能實現(xiàn)
本文介紹了如何使用下載進(jìn)度條來展示下載進(jìn)度的方法,并展示了相關(guān)的效果圖,結(jié)合實例代碼介紹了vue?elementui?大文件進(jìn)度條下載的方法,感興趣的朋友一起看看吧2025-01-01
這篇文章主要介紹了vue3-ace-editor如何配置語法問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
Vue-cli 如何將px轉(zhuǎn)化為rem適配移動端
這篇文章主要介紹了Vue-cli 如何將px轉(zhuǎn)化為rem適配移動端,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07
這篇文章主要介紹了Vue element-ui父組件控制子組件的表單校驗操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了vue實現(xiàn)中部導(dǎo)航欄布局功能，本文圖文并茂，代碼實例相結(jié)合介紹的非常詳細(xì)，需要的朋友參考下吧2019-07-07
Vue2學(xué)習(xí)筆記之請求數(shù)據(jù)交互vue-resource
本篇文章主要介紹了Vue2學(xué)習(xí)筆記之?dāng)?shù)據(jù)交互vue-resource ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
Vue3的setup在el-tab中動態(tài)加載組件的方法
公司某項目需求在頁面顯示的組件是根據(jù)角色變化而變化的，怎么實現(xiàn)這個效果呢，下面小編給大家介紹下Vue3的setup在el-tab中動態(tài)加載組件的方法,需要的朋友可以參考下2022-11-11
swiper是我之前做前端頁面會用到的一個插件,我自己認(rèn)為是非常好用的。這篇文章給大家介紹vue-swiper的使用教程，感興趣的朋友一起看看吧2018-08-08
vue3使用localStorage實現(xiàn)登錄注冊功能實例
這篇文章主要給大家介紹了關(guān)于vue3使用localStorage實現(xiàn)登錄注冊功能的相關(guān)資料, localStorage這個特性主要是用來作為本地存儲來使用的,解決了cookie存儲空間不足的問題,需要的朋友可以參考下2023-06-06