本人想制作一个商品左滑动实现商品的收藏和取消收藏，使用了vant的滑动单元格组件，使用wx:if和wx:else判断商品是否收藏了，是否收藏的数据存在data里，但是在页面第一次加载的时候“加入收藏”和”移除收藏“的显示是完全相反的，意思是从后台读到商品是收藏了的，设置为true标记，但是他显示的却是“加入收藏”，实际上要显示“移除收藏”，点击第一次按钮后，按钮内容不变，但是在js里的确是移除了收藏，这是正确的，后面的点击也都是正确的显示，但是页面加载的第一次就完全是相反的。我想知道有没有人遇到这个问题，是怎么解决的？部分代码如下：

wxml的部分实现代码：

js文件代码：

本人是个新人，wx:if难道还有什么讲究么？