vue 实现点赞

在v-for循环里

<ul class="project_content">

			<li v-for="(item, index) in items" :key="index" v-if="index%2==0">

	        	<div class="project_wrap clearfix">

			      <router-link :to="{path:'/detail',query: { id: item.goods_id }}" class='project_inner'>

			        <img :src="item.original_img" class='original_img'>

			      </router-link>

			      <div class="article_name">{{item.article_name}}</div>

			        <div class="article_message">

				        <div class="user_info">

				        	<div class="user_img"><img :src="item.user_img" alt=""></div>

				          <span class="user_name">{{item.user_name}}</span>

				        </div>

			          <div class="article_likes" @click="dolikes(index)"><span v-bind:class="[item.likesbefore? 'likesbefore':'likesafter']"></span><span class="likes" v-bind:class="[item.likesbefore ? 'gray':'pink']">{{item.likes}}</span></div>

			        </div>

			  	</div>

      		</li>

		</ul>

函数带上index

methods: {
//时间操作函数执行
dolikes(index){
　　console.log(this.items[index])
　　this.items[index].likes = this.items[index].likesbefore ?parseInt(this.items[index].likes) +1:parseInt(this.items[index].likes) -1
　　this.items[index].likesbefore=!this.items[index].likesbefore;
　　console.log(this.items[index].likesbefore)
　　}

巴特西

vue 实现点赞

最新文章

热门文章