0
我正在學習Due和我正在嘗試應該很容易但不起作用的東西,我確定有些事我不明白。 我必須添加一個案例模式...Vue.js,點擊切換類不按預期工作
我簡化了代碼:我有一個產品從我父母的數組通過道具,並在他們的柱子我使用計算變異。 在計算的變量中,我還向我的對象數組添加了一個對每個對象都有效的屬性,並且我需要使用該屬性來添加該類。
我無法更改該值:當我單擊該按鈕時,如果我查看控制檯但在我的模板中,則值改變product.active
否,它是錯誤的。爲什麼
<template>
<div class="columns" v-for="products in processedProducts">
<div class="column" v-for="product in products">
<pre>{{product.active}}</pre>
<a v-on:click="activeteModal(product)">Pricy History</a>
<price-history :asin="product.asin" :active="product.active"></price-history>
</div>
</div>
</template>
<script>
import PriceHistory from '../components/PriceHistory'
export default {
props: ['results','search','maxprice','discount'],
name: 'product',
components: {
PriceHistory
},
methods: {
activeteModal: function(product){
console.log(product.active);
product.active = !product.active;
console.log(product.active);
}
},
computed: {
processedProducts() {
let products = this.results.map((obj) => {
obj.active = false;
return obj;
})
// Put Array into Chunks
let i, j, chunkedArray = [], chunk = 5;
for (i=0, j=0; i < products.length; i += chunk, j++) {
chunkedArray[j] = products.slice(i,i+chunk);
}
return chunkedArray;
}
}
}
</script>