Vue流程判斷if|else

前言

使用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>