第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

隱藏空標簽如果它沒有內(nèi)容

隱藏空標簽如果它沒有內(nèi)容

喵喵時光機 2022-06-05 11:15:40
如果在 Vue js 中沒有顯示內(nèi)容,如何“隱藏空標簽”???      <ul class="nav nav-tabs" role="tablist">        <li class="nav-item">          <a            class="nav-link active"            id="description-tab"            data-toggle="tab"            href="#description"            role="tab"            aria-controls="description"            aria-selected="true">{{ ('Description') }}</a>        </li>        <li class="nav-item">          <a            class="nav-link"            id="specification-tab"            data-toggle="tab"            href="#specification"            role="tab"            aria-controls="specification"            aria-selected="false">{{ ('Specification') }}</a>        </li>      </ul>      <div class="tab-content py-4">        <div           class="tab-pane fade show active"          id="description"          role="tabpanel"          aria-labelledby="description-tab"          v-html="product.description">          </div>        <div           class="tab-pane fade"          id="specification"          role="tabpanel"          aria-labelledby="specification-tab"          v-html="product.specification">          </div>      </div>試過這個:[沒用]hidetabs () {const tabs = document.querySelectorAll(".tab-content py-4 > div[id^=tab]:empty");for (const tab of tabs) {  console.log("hi")  document.querySelector(`a[href="${tab.id}"]`).parentNode.remove();}},
查看完整描述

1 回答

?
繁花不似錦

TA貢獻1851條經(jīng)驗 獲得超4個贊

正如評論所暗示的,在 Vue.js 中,您得到了用于有條件地渲染塊的v-if指令。只有當指令的表達式返回一個真值時,才會呈現(xiàn)該塊。


文檔中的一個小例子:


<h1 v-if="awesome">Vue is awesome!</h1>

因此,對于您的代碼,它可能類似于:


<ul class="nav nav-tabs" role="tablist">

  <li v-if="product.description" class="nav-item">

    <a class="nav-link active" id="description-tab" data-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="true">{{ ('Description') }}</a>

  </li>

  <li v-if="product.specification" class="nav-item">

    <a class="nav-link" id="specification-tab" data-toggle="tab" href="#specification" role="tab" aria-controls="specification" aria-selected="false">{{ ('Specification') }}</a>

  </li>

</ul>


<div class="tab-content py-4">

  <div v-if="product.description" class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab" v-html="product.description">

  </div>

  <div v-if="product.specification" class="tab-pane fade" id="specification" role="tabpanel" aria-labelledby="specification-tab" v-html="product.specification">

  </div>

</div>


查看完整回答
反對 回復(fù) 2022-06-05
  • 1 回答
  • 0 關(guān)注
  • 178 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號