Skip to content

02 Atom template

Atom example

JavaScript
Vue.component('v_date', {
  template: `
<div :data-component="$options.name">
  <input type="date" class="xd-input" v-bind:value="value" v-on:input="$emit('input', $event.target.value)" />
</div>`,
  props: ['value'],
  data() {
    return {
      value: this.value,
    };
  },

  methods: {
    update(fieldName, fileList, event) {
      this.emit('input', $event.target.value)
    }

  }
});