6vue分支循环
2024-09-08 19:10:21
分支v-if
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.active {
border:1px solid red;
width:100px;
height:100px;
}
.error {
background-color: orange;
}
</style>
</head>
<body>
<div id = "app1">
<div v-if='score>=90'>优秀</div>
<div v-else-if='score<90&&score>=80'>良好</div>
<div v-else-if='score<80&&score>=70'>一般</div>
<div v-else='score<70'>差</div>
</div>
<script src="vue.js"></script>
<script>
var vue1 = new Vue({
el: '#app1',
data:{
score:88
},
methods:{ }
})
</script>
</body>
</html>
最新文章
- 【转】SHELL中的IFS详解
- 日期控件jsdate用法注意事项
- 转一个 Xcode 7 缺少 *.dylib库的解决方法
- MVC5+EF6 简易版CMS（非接口） 第四章：使用业务层方法，以及关联表解决方案
- IOS学习笔记25—HTTP操作之ASIHTTPRequest
- Java反射得到属性的值和设置属性的值（转）
- C++中 容易忽视的const 修饰符
- 阅读笔记 The Impact of Imbalanced Training Data for Convolutional Neural Networks [DegreeProject2015] 数据分析型
- Kali linux系列之 zmap 安装
- [新概念51单片机C语言教程·郭天祥] 1、 基础知识必备
- influxdb Measurements
- Spark Streaming metadata checkpoint
- Walls POJ 1161
- cf591B Rebranding
- （C#:Socket）简单的服务端与客户端通信。
- Springs Element 'beans' cannot have character [children], because the type's content type is element-only
- css 找到隐藏元素个数
- 使用copy命令合并二进制文件
- Spring boot Mybatis 整合（完整版）
- 记CTC原理