I am working with 2 components
The first component looks like this : http://pastebin.com/M8Q3au0B
Due to the long code, I have used pastebin for it
The first component calls the second component
The second component is as follows:
<template>
<span class="rating">
<template v-for="item in items">
<label class="radio-inline input-star" :class="{'is-selected': ((starValue >= item.value) && starValue !== null)}">
<input type="radio" class="input-rating"v-model="starValue">
</label>
</template>
</span>
</template>
<script>
export default {
props: {'star': null,'store': null,'id': null},
data() {
return {
items: [{value: 5},{value: 4},{value: 3},{value: 2},{value: 1}],
starValue: this.star
}
}
}
</script>
For instance, I have two different pages
On page one, everything works correctly
However, on clicking page two, fields like username, updated_at, comments work fine but the rating does not update
How can this issue be resolved?