I am seeking assistance with displaying a countdown timer in Vue.js using the flip-countdown library. My goal is to pass the value of the 'remaining_time' prop as an attribute in the HTML code.
HTML:
<flip-countdown deadline=remaining_time></flip-countdown>
Script:
<script>
import FlipCountdown from 'vue2-flip-countdown'
export default {
components: { FlipCountdown },
props: ['id'],
data(){
return {
items:{},
remaining_time:"2019-12-25 00:00:00",
}
},
</script>
I am encountering difficulties passing the 'remaining_time' value above to the HTML attribute as its value. Any guidance on how I can successfully pass the remaining_time value to the 'deadline' attribute in the HTML would be greatly appreciated.