vue -- 条件判断语句

vue条件判断语句跟js条件判断一样HTML

<div id="app"> <div v-if="block">block为true显示</div> <div v-else>block为false显示</div> </div>

JS

let app = new Vue({ el: "#app", data: { block: true } })

v-if v-else-fi v-else 也可以同JS一样写表达式

<div id="app"> <div v-if="block===true">block为true显示</div> <div v-else>block为false显示</div> </div>

也可以写三元表达式

<div id="app"> <div v-if="block===1 ? true : false ">block为true显示</div> <div v-else>block为false显示</div> </div>

二、条件渲染

根据条件判断语句，我们可以进行条件渲染我们想要的数据

<div v-if="isShow === true"> <div>展示想要的</div> </div> <div v-else> <div>展示不想要的</div> </div>

转载于:https://www.cnblogs.com/zjh-study/p/10653654.html