亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue的render中如何實現v-show

vue的render中如何實現v-show

翻閱古今 2019-03-05 09:11:18
用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]                )            ]        );    },
查看完整描述

3 回答

?
汪汪一只貓

TA貢獻1898條經驗 獲得超8個贊

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


查看完整回答
反對 回復 2019-03-20
?
蠱毒傳說

TA貢獻1895條經驗 獲得超3個贊

應該使用directives選項


directives:[ {

  name: 'show',

  value: this.isShow

}]

([vue的文檔][1])


查看完整回答
反對 回復 2019-03-20
  • 3 回答
  • 0 關注
  • 2585 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號