<div class="item" v-for="(item,index) in list" :key="index"> <div class="time">{{item.addtime | timeFilter}}</div> <div Class ="box"> <h2 v-show="item.user_id == 0"> system message </h2> <div class="text" :class="{sanhang:item.chakan}" >{{item.content}}</div> <div class="status"> <span V-show ="item.readstatus"> read </span> <span v-show="! Item. readstatus" class="span1"> unread </span> <p v-show="item.chakan" @click="downShow(index,item.ad_id)"> view full text </p> <p v-show="! Item. Chakan "class =" p1 "@ click =" upShow (index) "pack up > < / p > < / div > < / div > < / div > list: [], / / / / data list view messages downShow (index, id) { this.list[index].chakan = false; List [index]. Readstatus = 1; UpShow (index){this.list[index]. Post ("/ API /user/notice"). Then (res => {if(res.status == 1){var arr = res.data.list; Console. log(arr) // Add new attribute chakan to array, value true arr.foreach ((item, index) => {this.$set(item,'chakan',true); }); this.list = arr; }})Copy the code