vue if else用法。
html<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"&
·
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="app">
<h2>学习成绩</h2>
<input type="text" v-model="score">
<div v-if="score>=60">很棒 你及格了 </div>
<div v-else> 不及格</div>
<div>当前时间:{{date}}</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.6/dist/vue.js"></script>
</body>
</html>
js
var app=new Vue({
el:'#app',
data:{
message:'aaa',
score:'0',
date:'页面加载于 '+new Date().toLocaleString()
}
});
更多推荐
已为社区贡献10条内容
所有评论(0)