前言

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！