前言:
利用Vue简单实现HTML代码IF条件判断,如果对你有帮助就看看吧。
实例代码:
首先导入Vue.js,大家可自行百度下载即可,Math.random() > 0.5为判断条件,如果成立就返回True走上面的html代码,如果为false则走下面的代码,判断条件可根据自身情况修改!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="vue.js"></script> </head> <body> <!-- if else vue的 --> <div id="el"> <div v-if="Math.random() > 0.5">这是True的状态</div> <div v-else>这是为False的状态</div> </div> </body> <script type="text/javascript"> new Vue({ el:'#el', }); </script> </html>
声明:所有内容均收集于网络,收集的内容仅供内部学习和讨论,建议您在下载后的24个小时之内从您的电脑或手机中删除上述内容,如果您喜欢该内容,请支持并购买正版资源。如若本站内容侵犯了原著者的合法权益,请联系邮箱3641180084@qq.com,我们将及时处理。
评论(0)