vue简单逻辑判断
Posted sunzhiqi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue简单逻辑判断相关的知识，希望对你有一定的参考价值。
条件判断能否显示
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue的逻辑判断学习</title> 6 <script type="text/javascript" src="./js/vue.js"></script> 7 <script type="text/javascript"> 8 9 window.onload= function(){ 10 11 var app = new Vue({ 12 el:"#a", 13 data:{ 14 //能否显示 15 seen:true, 16 seen1:false 17 } 18 19 }); 20 21 } 22 23 </script> 24 </head> 25 <body> 26 27 <div id="a"> 28 <!-- 使用vue的判断标签来显示或者隐藏元素 --> 29 <p v-if="seen">你能看见我</p> 30 <span v-if="seen1">你不能看见我</span> 31 <!-- 判断 if else 随机出现--> 32 <div v-if="Math.random() > 0.5"> 33 现在你能看见我 34 </div> 35 <div v-else> 36 你现在看不见我 37 </div> 38 39 </div> 40 </body> 41 </html>
以上是关于vue简单逻辑判断的主要内容，如果未能解决你的问题，请参考以下文章