<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<div v-if="flag">从一而终</div>
<div v-show="flag">反复无常</div>
<input type="button" value="隐藏/显示" @click="flag=!flag">
</div>
<script src="../js/vue.js"></script>
<script>
const vm = new Vue({
el:'#app',
data:{
flag : true, //标记,是否展示
}
})
</script>
</body>
</html>
vue-其他v-if-v-show.html
原创虾米大王 ©著作权
文章标签 vue.js javascript 前端 html Vue 文章分类 JavaScript 前端开发
-
vue-其他v-for-key.html
【代码】vue-其他v-for-key.html。
html javascript java vue.js Vue -
vue-其他v-for-key02.html
【代码】vue-其他v-for-key02.html。
html javascript java vue.js Vue -
vue-其他class-v-bind2.html
【代码】vue-其他class-v-bind2.html。
vue.js javascript 前端 html Vue -
vue-其他class-v-bind3.html
【代码】vue-其他class-v-bind3.html。
vue.js javascript 前端 html Vue -
vue-例3-8演示v-show与v-if.html
【代码】vue-例3-8演示v-show与v-if.html。
javascript html css 动态绑定 -
vue-例3-7演示v-show.html
【代码】vue-例3-7演示v-show.html。
javascript vue.js 前端 html Vue -
vue-例3-8演示v-show与v-if2.html
【代码】vue-例3-8演示v-show与v-if2.html。
vue.js javascript 前端 html Vue -
vue-例3-13v-model.html
【代码】vue-例3-13v-model.html。
vue.js javascript 前端 html Vue -
vue v-show指令
demo: 效果: 2018-05-02 00:04:15
Vue学习 html .net vue.js 其他