Vue js пользовательская директива для нескольких подкаталогов - PullRequest
Новая
       17

Vue js пользовательская директива для нескольких подкаталогов

0 голосов
/ 28 апреля 2020

Можно ли создать пользовательскую директиву, которая работает как сокращение для добавления нескольких определенных директив?

В моем случае я ищу что-то вроде 

<my-component
  v-validation="validationKey"
></my-component>

, которое переводит в 

<my-component
  v-bind:validationError="validation[validationKey].error"
  v-bind:validationPending="validation[validationKey].pending"
  v-on:blur="validate(validationKey)"
></my-component>

И объект данных Vue будет выглядеть примерно так: 

// Vue data on initializacion
  data:{
    validation:{
      name:{
        value:"",
        rules:"somerules",
        pending: false,
        error: ""
      },
      email:{
        value:"",
        rules:"otherrules",
        pending: false,
        error: ""
      },
      // etc...
    }
  }

Чтобы в итоге я мог сделать что-то вроде этого: 

<my-input v-validation="name"></my-input>
<my-input v-validation="email"></my-input>

Спасибо

...