vue使用v-if判断数字是否在某个区间，需配合使用逻辑判断符 &&

vue 使用if判断数字是否在某个区间，请使用逻辑判断符 &&<el-table :data="tableData" border><el-table-columnprop="overlimit"label="超标幅度"><template slot-scope="scope"><span>&

赫拉莉

4720人浏览 · 2020-09-22 18:16:59

赫拉莉 · 2020-09-22 18:16:59 发布

vue 判断数字是否在某个区间，请使用逻辑判断符 &&

<el-table :data="tableData" border>
     <el-table-column
         prop="overlimit"
         label="超标幅度">
         <template slot-scope="scope">
              <span>
                      <!-- 区间：[0, 0.5) -->
                      <span v-if="0<=(scope.row.overlimit-0) && (scope.row.overlimit-0)<0.5" class="firstLimit" >{{scope.row.overlimit}}</span>

                      <!-- 区间：[0.5, 1) -->
                      <span v-else-if="0.5<=(scope.row.overlimit-0) && (scope.row.overlimit-0)<1" class="secondLimit" >{{scope.row.overlimit}}</span>

                      <!-- 区间：[1, +∞) -->
                      <span v-else-if="(scope.row.overlimit-0)>=1"  class="thirdLimit">{{scope.row.overlimit}}</span>
                    </span>
              </span>
         </template>
     </el-table-column>
</el-table>

效果如下：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^