我想在 vuejs 中显示剩余时间的计数器。我正在使用 vue 的翻转倒计时库。我想将剩余时间属性值传递给 html 代码的属性。
HTML:
<flip-countdown deadline=remaining_time></flip-countdown>
脚本:
<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>
我想将上面的剩余时间作为值传递给 html 属性,但此代码不起作用。请指导如何在html中将remaining_time值传递给上述属性deadline。
最佳答案
对,
<flip-countdown :deadline="remaining_time"></flip-countdown>
是正确答案。
请确保您使用正确的日期时间格式 YYYY-MM-DD HH:mm:ss
这是一个例子 https://github.com/philipjkim/vue2-flip-countdown/blob/master/demo/src/App.vue
关于javascript - Vuejs : How can I pass vue js prop value to attribute of html as a value?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55830522/