홈>
와이즈 비즈를 보내려고합니다
unlockTime
에 소품
그래서
component1
component 1
후에 렌더링됩니다
지나 갔다.
unlockTime
를 계속 확인하려면 어떻게해야합니까?
통과했다 (
unlockTime
)?
Main.vue :
Date.now() > this.unlockTime ? true : false
Component1.vue
<template>
<component1
:unlockTime="unlockTime">
</component1>
</template>
<script>
computed: {
unlockTime() {
return Date.now() + (5 * 60 * 1000)
}
}
</script>
<template>
<div v-if="unlock">
Some Content Here
</div>
</template>
<script>
props: ["unlockTime"]
data(){
return{
unlock: Date.now() > this.unlockTime ? true : false
}
}
</script>
- 답변 # 1
관련 자료
- R에서 다른 타임 스탬프와 시계열 비교
- php - 라 라벨에서 월/년이 아닌 일과 비교 한 타임 스탬프
- python - 타임 스탬프를 비교하여 데이터 프레임 행 삭제
- sql - Big Query에서 열 A에 대해 다른 값과 열 B에 대해 동일한 값을 갖는 두 개의 연속 행에서 시간 소인 비교
- mysql - 하나의 날짜와 최신 날짜를 비교해야하는 AVG B/W 2 TIMESTAMPS 얻기
- javascript - 클라우드 기능-> 타임 스탬프 비교
- javascript - 이 두 타임 스탬프를 비교할 때 내가 뭘 잘못하고 있니?
- python - 팬더와 많은 타임 스탬프 비교
관련 질문
- javascript : Vue 테스트에서 컴포넌트가 표시되는지 확인하는 방법
- javascript : Nuxt.js 앱의 Vuex 스토어에서 값을 설정하는 방법
- javascript : 슬롯 문제 Vuejs에서 한 구성 요소에서 다른 구성 요소로 콘텐츠를 전달하려고 할 때?
- javascript : vue.js가 입력에 날짜를 표시하지 않음
- javascript : v-for 루프에서 항목을 그룹화하는 Vue
- javascript : 자바 스크립트에서 특정 키를 사용하여 중첩된 객체 배열 안에 많은 객체를 추가하고 싶습니다.
- javascript : 데이터가 없는 경우 어떻게 "비어 있음"을 표시할 수 있습니까?
- javascript : Vue 3에서 "기본 새 Vuex.Store 내보내기"를 사용하는 다른 방법이 있습니까?
- javascript : Vue로 파일 입력 클릭을 어떻게 처리합니까?
- javascript : Vue.js, 다른 경로의 구성 요소에 데이터 전달
하나의 간단한 해결책 :
<올>setInterval
사용 현재 날짜 시간을 가져 오려면감시자/계산을 사용하여 현재 날짜 시간을 비교하고 날짜 시간을 잠금 해제하여 데이터 속성 =isLock을 업데이트합니다.