vue v-if prop使用

Posted 苏格拉的底

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue v-if prop使用相关的知识,希望对你有一定的参考价值。

vue v-if prop使用

vue里面的v-if判断是是什么属性的时候使用,

<el-table-column label="事件信息" align="center" prop="eventInfo" >
   <template slot-scope="scope">
      <p v-if="scope.row.eventInfo=='1'">
        报警
      </p>
      <p v-else-if="scope.row.eventInfo=='2'">
        开门记录
      </p>
      <p v-else-if="scope.row.eventInfo=='3'">
        提醒通知
      </p>
    </template>
</el-table-column>

以上是关于vue v-if prop使用的主要内容,如果未能解决你的问题,请参考以下文章

Vue - ElementUI中循环渲染表格,控制字段的显示与隐藏 v-if与v-for同时使用

VueJS:在 v-if 中直接改变 prop 与 this.[prop]

vue (v-if show 问题)

Vue 在使用前等待来自 props 的数据

如何从 typescript 访问 vue 中组件的 props

vue 通过props向子组件传值,子组件无法取得该值