在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue的render中如何實現v-show

vue的render中如何實現v-show

用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]
                )
            ]
        );
    },
回答
編輯回答
陌南塵

不是讓他 在樣式上切換 display none block.
據我推想:
v-show 不是簡簡單單給 虛擬dom 加上 style display none 或 block, 里面八成 有個鉤子 通知 tran 這個組件。 son 要 顯示 隱藏, farther 你有何動作。

2018年6月13日 17:02
編輯回答
浪蕩不羈
style: { display: this.isShow ? 'inline' : 'none' }
2018年6月17日 14:56