Как динамически установить свойство персистента для компонента диалога Veutify - PullRequest
Новая
       8

Как динамически установить свойство персистента для компонента диалога Veutify

0 голосов
/ 29 апреля 2019

У меня есть компонент Modal.js: 

const ModalComponent = Vue.component('modal-component', {
  template: `
  <v-dialog
    v-model="isModalOpen"
    persistent='isPersistent'
    width="300"
  >
    <slot name='loaderIndicator'></slot>
    <slot name='dialog'></slot>
  </v-dialog>
  `,
   props: {
     isModalOpen: {
       type: Boolean,
       required: true,
       default: function () {
         return false;
       }
     },
     isPersistent: {
       type: Boolean,
       default: function () {
         return this.$store.state.isLoading
       }
     }
  },
});

export default ModalComponent;

Независимо от того, что я пробовал - я не могу установить для свойства persistent значение false.Попробовал его с помощью подпорок (как в приведенном выше коде, так как я хочу, чтобы этот компонент получил эту подпорку), попытался установить его непосредственно в false, попытался передать пропу различными способами (т.е. isPersistent = 'false', isPersistent = false,: isPersistent= ... "- ничего не сработало.

Есть ли способ изменить его? Или наличие этого свойства означает, что этот мод будет постоянным, несмотря ни на что? Если это так, то как я могу динамически добавить эту опору

1 Ответ

0 голосов
/ 29 апреля 2019

попробуйте ниже код: 

template: `
    <v-dialog
        v-model="isModalOpen"
        :persistent='isPersistent'
        width="300"
    >
        <slot name='loaderIndicator'></slot>
        <slot name='dialog'></slot>
    </v-dialog>
`,
...