1 回答

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊
在創(chuàng)建 bookData 對象時(shí),有一個(gè)屬性來顯示按鈕 (showButton),并且單擊它會使它變?yōu)?false。參考下面的代碼。
工作示例在這里
this.bookData.push(
{
avalable: true,
title,
id,
description,
showButton = true
}
并在基于此的模板中顯示書的按鈕或標(biāo)題。這里不需要使用 ref 元素。
<section v-for="(bookTitle, index) in books"
v-bind:key="index"
>
<button
@click="bookTitle.showButton = !bookTitle.showButton"
class="list-group-item"
v-if="bookTitle.showButton"
>{{bookTitle.title}}
</button>
<!-- Have the logic for title here -->
<h2 v-if="!bookTitle.showButton">{{bookTitle.description}}</h2>
</section>
添加回答
舉報(bào)