前言
学习v-if指令的使用。
一、示例
<!DOCTYPE html>
<html>
<head>
<title>v-if指令</title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app-3">
<p v-if="seen">现在你看到我了</p>
这段文字用来测试v-if是否占位。
</div>
<script>
var app3 = new Vue({
el: '#app-3',
data: {
seen: true
}
})
</script>
</body>
</html>
效果如下：
将代码的第18行改为false，也可以在开发者模式的Console执行app3.seen=false，效果如下：
总结
- 使用v-if时要注意，页面元素是否会发生偏移。
9651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
