Translate

2019년 6월 18일 화요일

[Vue.js] vue-datetime 플러그인 Modal Open Event(trigger)





Vue로 제작된 가벼운 DatetimePicker 어떤게 있나 알아보다 아래의 vue-datetime을 사용하기로 결정했다.

https://github.com/mariomka/vue-datetime
1004lucifer




문제점

 - API를 살펴보니 DatetimePicker 를 따로 열 수 있는 이벤트가 보이지 않았다.

input 에 click 이벤트를 주려 했지만 그것도 안되고..

다음과 같이 input 을 클릭하지 않고 DatetimePicker 를 띄울 수 있었다.



방법

https://github.com/mariomka/vue-datetime/blob/v1.0.0-beta.10/src/Datetime.vue#L203

Datetime 컴포넌트에 (API에는 없지만) open 메소드가 있어 이용을 하니 정상적으로 컴포넌트가 띄워졌다.
1004lucifer
<template>
  <div>
    <datetime ref="datetimePicker"></datetime>
    <button @click="openDatetime"></button>
  </div>
</template>

<script>
export default {
  components: {
  },
  props: {
  },
  data () {
    return {
    }
  },
  created () {
  },
  mounted () {
  },
  computed: {},
  methods: {
    openDatetime() {
      this.$refs.datetimePicker.open(event)
    }
  }
}
</script>



댓글 없음 :

댓글 쓰기