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>
添加回答
舉報