Изменить значение данных компонента Vue в Storybook - PullRequest
Новая
       11

Изменить значение данных компонента Vue в Storybook

1 голос
/ 04 февраля 2020

У меня есть модальный компонент, который имеет 2 состояния на основе значения логического значения isSent (по умолчанию false). 

<template>
  <SimpleModal>
    <div v-if="!isSent">
       ...
    </div>

    <div v-else>
       ...
    </div>
  </SimpleModal>
<template>

Поэтому я хотел бы создать 2 истории, одну для каждого состояния.
Моя проблема в том, что я не могу изменить значение isSent следующим образом: 

storiesOf('common.Modals.ShareBookingModal', module)
  .add('Normal', withReadme(ShareBookingModalReadme, () => ({
    components : { ShareBookingModal },
    template   : `
      <div class="sb-container">
        <ShareBookingModal />
      </div>
    `
  }))).add('Success', withReadme(ShareBookingModalReadme, () => ({
    components : { ShareBookingModal },
    template   : `
    <div class="sb-container">
      <ShareBookingModal />
    </div>
  `,

    data() {
      return {
        isSent : true // not doing its job
      };
    }
})));

В обеих историях отображается первый div.

Как я могу напрямую изменить состояние компонента?

...