@mouseover="showLike(i)" @mouseleave="hideLike(i)">
@click="likePoint(i)"/>{{c.like_count}}
export default {
name:'aaa'
data(){
return{
comment_list:[{
id:1,
likeOne: false, //鼠标移入移出显示隐藏点赞
likeBox: false, //点赞数取反
like_count: '', //赋值点赞数
},
{
id:2,
likeOne: false, //鼠标移入移出显示隐藏点赞
likeBox: false, //点赞数取反
like_count: '', //赋值点赞数
},
{
id:3,
likeOne: false, //鼠标移入移出显示隐藏点赞
likeBox: false, //点赞数取反
like_count: '', //赋值点赞数
},
]
}
},
methods: {
// 鼠标移入显示点赞
showLike(i){
ment_list[i].likeOne = true;
},
// 鼠标移出隐藏点赞
hideLike(i){
ment_list[i].likeOne = false;
},
// 点赞
likePoint(i){
if (!ment_list[i].likeBox){
ment_list[i].like_count++;
}else{
ment_list[i].like_count--;
}
ment_list[i].likeBox=!ment_list[i].likeBox;
},
},
}
vue 移入显示_vue鼠标移入显示点赞图标 移出隐藏点赞图标 现在我想点击点赞图标 鼠标移出不会隐藏图标 怎么做？...
