홈>
인트로 페이지에 사이트에 오늘 날짜를 표시하고 싶습니다. 바닐라 JS는 산들 바람이지만 vue가 더 어려워서 작동시킬 수 없으며 내가 뭘 잘못하고 있는지 전혀 모른다. vue CLI를 사용하고 있습니다. 코드는 다음과 같습니다.
HTML
<template>
<div class ="date">
Today is {{ date[0] }} of {{ date[1]}}
</div>
</template>
JS
export default {
data:function(){
return{
date:[]
}
},
computed:{
getTodaysDate(){
var days=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]
var months = ["January","February","March","April","May","June","July","August","September","October","November","December"]
var todaysDate = new Date();
this.date[0] = days[todaysDate.getDay() -1];
this.date[1] = months[todaysDate.getMonth() +1]
return this.date
}
}
}
- 답변 # 1
관련 자료
- python - @property 속성을 표시하지 않는 객체에 대한 __dict__
- forms - 다른 텍스트 필드 vuejs를 편집하는 동안 계산 된 속성을 가져 와서 값을 전달
- vue.js - Vue js에서 계산 속성을 사용하여 두 배열을 비교할 수 있습니까?
- swift - 계산 된 속성의 수정 메소드는 언제 호출되며 어떤 역할을합니까?
- javascript - 관계에 따른 계산 된 속성
- javascript - VueJ는 계산 속성을 반응성으로 만듭니다
- javascript - 대신 소품의 값을 기준으로 데이터 또는 계산 된 속성을 사용하십시오 소품 변경 - "백분율"
- javascript - 부 - 문서/창 속성을 계산 된 속성에 바인딩하는 방법?
- vue.js - Vuex (store js)는 페이지를 새로 고칠 때만 계산 된 속성을 업데이트하지 않습니다
- vue.js - Vuex 상태는 작업별로 업데이트되지만 계산 된 속성이 응답하지 않습니다
- javascript - Nuxtjs와 Axios의 계산 된 부동산?
- javascript - Vue JS 계산 속성 및 jquery
- vue.js - vuex - 커밋/디스패치되지 않은 상태의 배열이 계산 된 속성을 통해 변경되는 이유
- typescript - 계산 된 속성 메서드 내에서 계산 된 속성의 현재 값을 읽는 방법은 무엇입니까?
- laravel - 계산 된 속성에서 v 모델 값을 얻는 방법이 있습니까?
- vue.js - 계산 된 속성 또는 Vue의 v-for 내부 값에 따라 스타일을 변경하는 다른 방법
- object - TypeScript에서 계산 된 속성 이름을 사용하는 방법은 무엇입니까?
- javascript - vuejs 계산 속성 - [vue 경고] : 렌더링 오류 : "typeerror : 정의되지 않은 'userid'속성을 읽을 수 없습니다"
- vue.js - 데이터 속성이 정의되어 있는지 확인하기 위해서만 사용하면 계산 된 속성이 데이터 속성에 종속됩니까?
- vue.js - 계산 된 속성에서 소품을 사용하는 방법은 무엇입니까?
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- JavaScript 변수를 HTML div에 '출력'하는 방법
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- python - 화면에서 찾은 요소를 찾을 수없는 경우 셀레늄
질문에서 배열 기반 날짜와 템플릿을 유지하면 다음과 같이 구현 될 수 있습니다.
여기서 계산 된 속성이 필요하지 않습니다.
data
에서 값을 채울 수 있습니다. .계산 된 속성에는 부작용이 없어야하므로
this.date
설정 계산 된 속성 내부는 잘못된 사용법으로 간주됩니다. 계산 된 속성을 사용하려면 관련 값을 반환하고 템플릿에서 직접 사용하면됩니다.다음과 같이 보일 수 있습니다 :
그러나 계산에 반응 데이터를 사용하지 않기 때문에 실제로는 계산 속성을 사용할 필요가 없습니다.
참고 또한
getDay()
와 일치하도록 일요일에 시작하도록 요일 배열을 변경했습니다. . 나는 또한+1
를 제거했습니다 /-1
값이 잘못 될 수 있습니다.