Vue 中使用三元运算符判断状态并赋值

<template>
  <div>
    <p>{{ status === 'ok' ? '状态正常' : '状态异常' }}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      status: 'ok'
    }
  }
}
</script>
<p>在上述代码中，首先在 data 中定义了一个状态 status，然后在模板中使用了三元运算符来判断 status 是否为 'ok'，如果是则显示 '状态正常'，否则显示 '状态异常'。这样就可以根据状态来给元素赋值了。</p>