VUE接收到数据，但渲染失败。

Question

Chrome调试窗口显示，VUE接收到数据。但页面渲染不出数据。

页面代码部分：

<div class="categoryPictureInProductPageDiv">
        <img v-if="category != null" class="categoryPictureInProductPage" :src="'img/category/'+category.id+'.jpg'">
    </div>
    

chrome调试窗口，vue-devtool显示vue成功接收到数据：

页面渲染效果：

而且通过chrome调试发现。并无预期的该图片请求发出。

Answer 1

v-if="category != null" 中 category != null 的 结果是false吧

Answer 2

你是不是this.category = res.data.category这种操作？

Answer 3

应该是v-if的问题