vue中data裡面的數據相互使用方式

Posted on by

data裡面的數據相互使用

今天在寫代碼的時候，遇到一個問題，我想使用data裡面的一個對象使用data裡面的某個數據，附圖片：

我想讓active的值給params對象裡面的topicListType使用，我不想直接在一個方法裡面改變這個值（想改的話就直接可以改瞭，太簡單），所以就有瞭這個想法。

在data裡面使用，但是肯定不能寫成 this.params.topicListType: this.active,這樣會報錯undefined，從網上查內容基本上都一樣，也許是我看不懂，也許是我不會使用別人的，都不能用，我就自己鼓搗一會，他們使用的是mounted，但是我覺得得使用computed。

具體代碼如下

computed: {
  computedTabsActive() {
    return this.params.topicListType = this.active;
  },
},

這樣就可以瞭，自己親測有效，在vue中，computed的屬性可以被視為是data一樣，是可以讀取和設值的，所以你可以直接賦值，返回。

但是很重要的一點，必須在模板中使用。摁，在模板中不讓看見的話，我想大傢都會把，用v-show或者v-if都可以。也算是投機取巧把。

data裡的數據不能相互引用問題

如下圖所示

如果需要相互引用，需要使用computed

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：