vue的render中如何实现v-show

Question

用template中写完, 通过isShow可以实现动画, 但是为什么我用render实现的就不好使了呢? 

请问我的render的问题在哪里?

切换有动画

  <transition name="fadeUp">

      <span v-show="isShow" class="atom-popper">

          <slot>{{content}}</slot>

      </span>

  </transition>

切换无动画

   render(h) {

        return h(

            'transition',

            {

                attrs: { name: 'fadeUp' }

            }, [

                h(

                    'span',

                    {

                        class: ['atom-popper'],

                        style: { display: this.isShow ? undefined : 'none' }

                    },

                    [this.content || this.$slots.default]

                )

            ]

        );

    },

Answer 1

style:&nbsp;{&nbsp;display:&nbsp;this.isShow&nbsp;?&nbsp;'inline'&nbsp;:&nbsp;'none'&nbsp;}

Answer 2

应该使用directives选项directives:[ {&nbsp; name: 'show',&nbsp; value: this.isShow}]([vue的文档][1])