Vue学习之路6-条件渲染
发布时间：2020-12-16 23:28:00 所属栏目：百科 来源：网络整理
导读：条件指令 = >{{title}} = > = >ishow为true我将首次展现 = >ishow为false我将首次展现 v-else-if v-else-if ?必须紧跟在带? v-if ?或者? v-else-if ?的元素之后，当项目中有多个判断条件时使用。 = >{{title}} = > = >ishow为字符串类型1我将首次展现 - = >(
条件指令=>{{title}} =>
=>ishow为true我将首次展现
=>ishow为false我将首次展现
v-else-ifv-else-if?必须紧跟在带? =>{{title}} =>
=>ishow为字符串类型1我将首次展现
-=>(elseif)否则ishow为字符串类型2我将首次展现
-=>(elseif)否则ishow为字符串类型3我将首次展现
签，当判断条件初始化值为数字类型1时，则显示if标签，当判断条件初始化值不为数字类型1时，则根据判断条件显示v-else-if条件标签，示例如下： =>{{title}} =>
=>ishow为数字类型1我将首次展现
-=>(elseif)否则ishow为数字类型2我将首次展现
-=>(elseif)否则ishow为数字类型3我将首次展现
<h2 style="margin-left: 30px">v-else示例 <p style="margin-left: 30px"><span style="font-size: 15px">使用方式一：if-else类型，使用初始化bool值显示标签： <div class="cnblogs_code"> <img id="code_img_closed_99868f1f-47a1-4980-aad3-783234ea5763" class="code_img_closed" src="https://www.52php.cn/res/2019/01-18/20/1c53668bcee393edac0d7b3b3daff1ae.gif" alt=""><img id="code_img_opened_99868f1f-47a1-4980-aad3-783234ea5763" class="code_img_opened" style="display: none" src="https://www.52php.cn/res/2019/01-18/20/405b18b4b6584ae338e0f6ecaf736533.gif" alt=""><div id="cnblogs_code_open_99868f1f-47a1-4980-aad3-783234ea5763" class="cnblogs_code_hide">
=>{{title}} =>
=>ishow为字符串1我将首次展现
>ishow不为字符串1我将首次展现
=>{{title}} =>
=>ishow为数字类型1我将首次展现
>ishow不为数字类型1我将首次展现
=>{{title}} =>
=>ishow为数字类型1我将首次展现
-=>(elseif)否则ishow为数字类型2我将首次展现
>-elseif条件都不满足，我将首次展现
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
