vue中data里面的數(shù)據(jù)相互使用方式
data里面的數(shù)據(jù)相互使用
今天在寫代碼的時(shí)候，遇到一個(gè)問題，我想使用data里面的一個(gè)對(duì)象使用data里面的某個(gè)數(shù)據(jù)，附圖片：
我想讓active的值給params對(duì)象里面的topicListType使用，我不想直接在一個(gè)方法里面改變這個(gè)值（想改的話就直接可以改了，太簡(jiǎn)單），所以就有了這個(gè)想法。
在data里面使用，但是肯定不能寫成 this.params.topicListType: this.active,這樣會(huì)報(bào)錯(cuò)undefined，從網(wǎng)上查內(nèi)容基本上都一樣，也許是我看不懂，也許是我不會(huì)使用別人的，都不能用，我就自己鼓搗一會(huì)，他們使用的是mounted，但是我覺得得使用computed。
具體代碼如下
computed: {
computedTabsActive() {
return this.params.topicListType = this.active;
},
},這樣就可以了，自己親測(cè)有效，在vue中，computed的屬性可以被視為是data一樣，是可以讀取和設(shè)值的，所以你可以直接賦值，返回。
但是很重要的一點(diǎn)，必須在模板中使用。摁，在模板中不讓看見的話，我想大家都會(huì)把，用v-show或者v-if都可以。也算是投機(jī)取巧把。
data里的數(shù)據(jù)不能相互引用問題
如下圖所示
如果需要相互引用，需要使用computed
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue如何自定義封裝API組件，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
在寫業(yè)務(wù)的時(shí)候很常見的一個(gè)場(chǎng)景就是需要在不同的頁面調(diào)用同一個(gè)表單，常用的交互就是把表單以彈窗的形式展示，本文主要介紹了Vue實(shí)現(xiàn)Dialog封裝，感興趣的可以了解一下2021-07-07
這篇文章主要介紹了在Vue3中,ref用于創(chuàng)建簡(jiǎn)單數(shù)據(jù)的響應(yīng)式包裝,通過.value訪問和修改；reactive用于創(chuàng)建復(fù)雜對(duì)象的響應(yīng)式對(duì)象,可以直接訪問和修改屬性,兩者各有適用場(chǎng)景,ref更適合單個(gè)值,reactive更適合復(fù)雜對(duì)象,本文介紹vue3?ref和reactive區(qū)別,感興趣的朋友一起看看吧2025-02-02
這篇文章主要介紹了Vue數(shù)據(jù)雙向綁定原理實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
Vue?Property?Decorator提供了一些裝飾器，包括@Prop、@Watch、@Emit、@Inject、@Provide、@Model等等，本文主要來和大家講講它們的使用方法，需要的可以參考一下2023-07-07
在看這篇文章的幾點(diǎn)要求：需要你先知道Vuex與Vue-Router是個(gè)什么東西，用來解決什么問題，以及它的基本使用。如果你還不懂的話，建議上官網(wǎng)了解下Vuex與Vue-Router的基本使用后再回來看這篇文章2022-11-11
解決ant-design-vue安裝報(bào)錯(cuò)的問題
這篇文章主要介紹了解決ant-design-vue安裝報(bào)錯(cuò)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
關(guān)于vue3?解決getCurrentInstance?打包后線上環(huán)境報(bào)錯(cuò)問題
這篇文章主要介紹了vue3?解決getCurrentInstance?打包后線上環(huán)境報(bào)錯(cuò)問題,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
vue項(xiàng)目使用luckyexcel預(yù)覽excel表格功能(心路歷程)
這篇文章主要介紹了vue項(xiàng)目使用luckyexcel預(yù)覽excel表格,我總共嘗試了2種方法預(yù)覽excel,均可實(shí)現(xiàn),還發(fā)現(xiàn)一種方法可以實(shí)現(xiàn),需要后端配合,叫做KKfileview,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
Vue項(xiàng)目中常用的工具函數(shù)總結(jié)
這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目中常用的工具函數(shù),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2021-09-09