vue收藏/取消收藏，点赞、取消点赞一个道理，切换图标

最新推荐文章于 2024-06-20 19:08:36 发布

小怪兽学前端

最新推荐文章于 2024-06-20 19:08:36 发布

阅读量4.3k

点赞数 5

分类专栏： vue常用例子

本文链接：https://blog.csdn.net/weixin_41970780/article/details/114440848

版权

本文介绍了Vue中如何实现收藏与取消收藏的功能，同时适用于点赞和取消点赞操作，通过切换图标展示状态变化。

摘要由CSDN通过智能技术生成

vue收藏/取消收藏，点赞、取消点赞一个道理，切换图标

<div class="zixun" @click="getFoodFindFoodDetails()">
	<img :src="isLike?'../../image/Star4.png':'../../image/Star3.png'" />
	<p class="aui-text-gray aui-font-size-10">{
   {
   isLike?'已收藏':'收藏'}}</p>
</div>
data: {
   
	isLike:''
}<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小怪兽学前端

关注关注

5
点赞
踩
25

收藏

觉得还不错? 一键收藏
打赏
0
评论
vue收藏/取消收藏，点赞、取消点赞一个道理，切换图标

vue收藏/取消收藏，点赞、取消点赞一个道理，切换图标<div class="zixun" @click="getFoodFindFoodDetails()"> <img :src="isLike?'../../image/Star4.png':'../../image/Star3.png'" /> <p class="aui-text-gray aui-font-size-10">{{isLike?'已收藏':'收藏'}}</p></div&g
复制链接

扫一扫