Игнорировать событие - Стилгуист - Vue - PullRequest
0 голосов
/ 11 февраля 2019

Я создаю «пользовательский компонент» (это обертка компонента Element).Теперь я генерирую Styleguist , но у меня проблема с v-моделью.

Я не хочу показывать Ввод Событие в документации.

Экран Styleguist (реквизиты и события)

Кто-нибудь знает, можно ли скрыть событие?

Большое спасибо

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
  <el-autocomplete
    ...
  >
...
  </el-autocomplete>
</template>

<script lang="ts">
import {
  Vue, Component, Prop, Watch
} from 'vue-property-decorator';
import theVue from 'vue';
import Autocomplete from 'element-ui';

theVue.use(Autocomplete);

@Component({
  name: 'ea-autocomplete'
})

/**
 * @author xxx
 * Componente ea-autocomplete
 */
export default class EaAutocomplete extends Vue {
  vmodel = '';

  /**
   * Valor por defecto introducido. También es el valor que devuelve el componente.
   * @model
   */
  @Prop({
    type: String,
    default: ''
  })
  value!: string;
...

  /**
   * Assignar los valores por defecto
   */
  mounted(): void {
    this.updateValue();
  }

  /**
   * Devuelve al padre el valor del vmodel
   */
  @Watch('vmodel')
  updateVmodel() {
    /**
     * Hola
     * @ignore
     */
    this.$emit('input', this.vmodel);
  }

  /**
   * Envia al componente Elements el valor del v-model
   */
  @Watch('value')
  updateValue() {
    this.vmodel = this.value;
  }
}
</script>

1 Ответ

0 голосов
/ 11 февраля 2019

Решено.

  /**
   * Devuelve al padre el valor del vmodel
   */
  @Watch('vmodel')
  updateVmodel() {
    const constInput = 'input';
    this.$emit(constInput, this.vmodel);
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...