前言
使用vue在页面做对数据做逻辑判断,最常见的if,if-else,else操作的流程分支语句,如下图:
<Col span="6" v-for="(dd,index) in data" :key="index" style="margin:0px 20px 20px">
<Card :bordered="false">
<p>课程名称:{
{
dd.courseName}}</p>
<!--课程类型-->
<p v-if="dd.courseType==1">课程类型:实践</p>
<p v-else-if="dd.courseType==2">课程类型:实验</p>
<p v-else="dd.courseType==3">课程类型:实训</p>
<p>所属课程:{
{
dd.belongCourse}}</p>
</Card>
</Col>
流程语句if
在标签中使用v-if来进行判断,整型用dd.courseType1来进行判断。如果是字符串就使用dd.courseType’string’来判断:
<p v-if="dd.courseType==1">课程类型:实践</p>
<p v-else-if="dd.courseType==2">课程类型:实验</p>
<p v-else="dd.courseType==3">课程类型:实训</p>