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

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

vue條件渲染的時候會全部渲染然后最后出現條件為true的元素,會閃一下怎么解決?

vue條件渲染的時候會全部渲染然后最后出現條件為true的元素,會閃一下怎么解決?

慕桂英546537 2018-12-14 15:18:35
<div class="header" v-if="isShow">    <div>        <img class="avatar" id="avatar" :src="data.avatar" alt="">    </div>    <div class="username">{{data.nickname}}</div>    <div class="create-time" >         <span>{{data.media_create_at}}</span>    </div></div><div class="mainContent">    <div class="videoContainer" v-if="!isShow">       <h1>Sorry About This</h1>       <p>id not found: {{id}}</p>    </div>     <div class="videoContainer" v-if="isShow">        <video width="300" :src="data.uri" webkit-playsinline="" controls="controls" vw="1080" vh="608" id="video" autoplay>         </video>    </div></div>其中條件為false的也會閃一下再隱藏掉
查看完整描述

1 回答

?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

export default {

    data: function() {

        return {

            isShow: false

        };

    }   

};


查看完整回答
反對 回復 2019-01-08
  • 1 回答
  • 0 關注
  • 677 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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