Vue.js for文の中で条件分岐したい

Question

Listをfor文で回してlistitemを表示しています。for文で回したlistのstatusがopenの時とcloseの時で違うスタイルを当てたく、
if文で条件分岐したのですがうまく行きません。
わかる人がいましたら教えて欲しいです。

//エラー内容
vue.runtime.esm.js?2b0e:619 [Vue warn]: Property or method "open" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

    <ul v-else class="list">
      <li
        v-for="user in getUserEntities()"
        :key="user.code"
      >
        <list-item
          v-if="user.status == open"
          :user="user"
        />
        <list-item
          v-if="user.status === close"
          :user="user"
          class="closelist"
         /> 
      </li>
    </ul>

  <style lang="scss" scoped>
    .closelist {
      background-color: white;
    }

Answer 1

文字列を比較したいなら 'string' の形式で書いてください。

<list-item
          v-if="user.status == 'open'"
          :user="user"
        />