ShelfGroupDialog组件

Question

老师你好，我在复制ShelfGroupDialog.vue后，终端就会有警告，

error: The 'categoryList' variable inside 'v-for' directive should be replaced with a computed property that returns filtered array in
stead. You should not mix 'v-for' with 'v-if' (vue/no-use-v-if-with-v-for) at src\components\shelf\ShelfGroupDialog.vue:9:12:
   7 |            :key="index"
   8 |            @click="onGroupClick(item)"
>  9 |            v-if="(item.edit === 2 && isInGroup) || item.edit !== 2 || !item.edit">
     |            ^
  10 |         <div class="dialog-list-item-text">{{item.title}}</div>
  11 |         <div class="dialog-list-icon-wrapper" v-if="category && item.id ? category.id === item.id : false">
  12 |           <span class="icon-check"></span>

还有，我的那个mock错误一直没有调好，https://coding.imooc.com/learn/questiondetail/135003.html，麻烦老师帮我调下，我实在没发现哪里错

Answer 1

Sam 2019-08-06 19:36:30

hi，这个警告是建议你把v-for中的categoryList换成computed计算属性

• 提问者 whis_per #1

  categoryList是在computed中的，错误好像出在v-if那里

• Sam 回复 提问者 whis_per #2

  嗯，看到了，Vue不建议同时使用v-for和v-if，你的DOM里是不是同时使用了v-for和v-if？

• 提问者 whis_per 回复 Sam #3

  是的，但是老师的就是这样啊。。我也不敢改

点开查看后面2条评论