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>

処理ステートメント

判断にはタグでv-ifを使用し、整数にはdd.courseTypeを使用します1で判断します。文字列の場合は、dd.courseTypeを使用します判断する「文字列」：

<p v-if="dd.courseType==1">课程类型：实践</p>

<p v-else-if="dd.courseType==2">课程类型：实验</p>

<p v-else="dd.courseType==3">课程类型:实训</p>