vue에서 모멘트를 사용할 때 끼워 넣는 일입니다.

5088 단어 moment.jsVue.js

이 기사에서...


일자 작업.나는 js에 간다.다른 것도 있었지만 처음부터 기억하고 계속 사용하고 있어요.
만약 이번 vue 개발에서 평소와 같이 사용한다면 업데이트???이런 일이 발생했기 때문에 한데 모았다.

이벤트


날짜를 표시하고 단추를 누르면 다음날로 넘어갈 수 있습니다.

source
<template>
  <div>
    <div>Date: {{displayDate}}</div>
    <div><button @click="addDay" style="color:blue">1day</button></div>
  </div>
</template>
<script>
import moment from 'moment';
export default {
  name: 'Home',
  data() {
    return {
      date: moment(),
    };
  },
  methods: {
    addDay: function() {
      this.date.add(1, 'day');
    },
  },
  computed: {
    displayDate: function() {
      return this.date.format('YYYY/MM/DD');
    },
  },
};
</script>
이 상태에서 1day를 클릭하면 변화가 없다???
그래서 devotol에서 보면 변화하고 있다.왜 일종의 결말???

해결책


복제해줄게.


주제에 대한 새로운 추가 업데이트 등을 보지 않았지만...새 건 아니지만...그렇게 조사하고 싶어도 같은 보도는 없다.모멘트를 복사하면 표시됩니다.(조금 무리지만.)
source
<script>
  methods: {
    addDay: function() {
      //this.date.add(1, 'day');
      this.date = this.date.clone().add(1, 'day');
    },
  },
</script>

forceUpdate 드릴게요.


vue의 forceUpdate도 업데이트되었습니다.
https://jp.vuejs.org/v2/api/#vm-forceUpdate
단, 컴퓨터가 들리지 않기 때문에} 부분에서 {{{date.format('YYY/MM/DD')}를 써야 합니다.

아직 멀었어요.공부 해요.


나는 이번에 너에게 복제해 주기로 결정했다.
다른 생각이 있으면 꼭 평론해 주세요.

좋은 웹페이지 즐겨찾기