mirror of
https://github.com/EyeTrackVR/EyeTrackVR-Docs.git
synced 2025-09-26 23:09:15 +08:00
docs: fix price not updating
This commit is contained in:
parent
a3801e216c
commit
0b1fa0d14b
@ -15,14 +15,14 @@
|
||||
<tr v-for="component in components" :key="component.name">
|
||||
<th>{{ component.name }}</th>
|
||||
<td>
|
||||
<select v-if="component.choices.length > 1" v-model="component.selectedChoice" @change="switchSelect($event, component)">
|
||||
<select v-if="component.choices.length > 1" v-model="component.selectedChoice" @change="updatePrices">
|
||||
<option v-for="(choice, index) in component.choices" :key="index" :value="index">{{ choice.name }}</option>
|
||||
</select>
|
||||
<span v-else>{{ component.choices[0].name }}</span>
|
||||
</td>
|
||||
<td>{{ component.selectedChoice ? component.choices[component.selectedChoice].amount(tracker) : 0 }}</td>
|
||||
<td>{{ component.selectedChoice ? '$' + component.choices[component.selectedChoice].cost : 0 }}</td>
|
||||
<td>{{ component.selectedChoice ? '~$' + (component.choices[component.selectedChoice].costAll(tracker) * 100) / 100 : 0 }}</td>
|
||||
<td>{{ component.selectedChoice ? '$' + component.choices[component.selectedChoice].cost.toFixed(2) : 0 }}</td>
|
||||
<td>{{ component.selectedChoice ? '~$' + (component.choices[component.selectedChoice].costAll().toFixed(2)) : 0 }}</td>
|
||||
<td v-html="component.selectedChoice ? component.choices[component.selectedChoice].links : ''"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -211,12 +211,13 @@ export default {
|
||||
if (component.choices.length > 1) {
|
||||
const choice = component.choices[component.selectedChoice];
|
||||
total += choice.costAll(this.tracker);
|
||||
} else if (component.choices.length === 1) {
|
||||
total += component.choices[0].costAll(this.tracker);
|
||||
}
|
||||
});
|
||||
this.total = total;
|
||||
},
|
||||
switchSelect(event, component) {
|
||||
// Use Vue's $set method to ensure reactivity
|
||||
this.$set(component, 'selectedChoice', event.target.value);
|
||||
this.updatePrices();
|
||||
}
|
||||
|
@ -22,7 +22,7 @@
|
||||
</td>
|
||||
<td>{{ component.selectedChoice ? component.choices[component.selectedChoice].amount(tracker) : 0 }}</td>
|
||||
<td>{{ component.selectedChoice ? '$' + component.choices[component.selectedChoice].cost.toFixed(2) : 0 }}</td>
|
||||
<td>{{ component.selectedChoice ? '~$' + (component.choices[component.selectedChoice].costAll(tracker).toFixed(2)) : 0 }}</td>
|
||||
<td>{{ component.selectedChoice ? '~$' + (component.choices[component.selectedChoice].costAll().toFixed(2)) : 0 }}</td>
|
||||
<td v-html="component.selectedChoice ? component.choices[component.selectedChoice].links : ''"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -316,7 +316,6 @@ export default {
|
||||
mounted() {
|
||||
this.updatePrices();
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
Loading…
Reference in New Issue
Block a user