AIDE技术官网
AIDEZY.COM

利用Vue简单实现HTML代码IF条件判断

利用Vue简单实现HTML代码IF条件判断

利用Vue简单实现HTML代码IF条件判断

前言:

利用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>

搜一下

海报生成 赞(0) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册