vue循环中的v-show
生活随笔
收集整理的這篇文章主要介紹了
vue循环中的v-show
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
v-show如果使用循環對象的屬性來時控制, 這個屬性必須是加載時就存在的
<div class="list-group col-sm-12" v-for="(issue,index) in issue_list"><a @click="switch_comments(issue, index)" style="background-color:#5cb85c;font-weight:bold;" href="#" class="list-group-item"><span class="glyphicon glyphicon-star"></span> {{index+1}}. {{issue.issue_desc}}<button @click="removeIssue(index)" type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button></a><!--這里的show_comments屬性必須是加載的時候就有的,后面加入的會切換無效--><div v-show="issue.show_comments"><a href="#" class="list-group-item" v-for="(comment,cindex) in issue.comments">{{cindex+1}}. {{comment.content}}<button @click="removeComment(index,cindex)" type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button></a><div class="input-group"><input @keyup.enter="saveComment(index,cindex)" type="text" class="form-control" placeholder="new comment" v-model="comment"><div @click="saveComment(index,cindex)" class="input-group-addon btn">Comment</div></div></div></div> 創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的vue循环中的v-show的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Pro*c使用滚动游标进行更新或删除游标
- 下一篇: vim、gvim在windows下中文乱