首页 > 其他分享 >vue3 条件判断语句及v-if与v-show 区别

vue3 条件判断语句及v-if与v-show 区别

时间:2023-06-04 22:22:48浏览次数:38  
标签:语句 cn 区别 www.96 show vue3

<template>
 <div v-if="type==='a'">aaa</div>
 <div v-else-if="type==='b'">bbb</div>
 <div v-else>ccc</div>
 
 <div v-show="flag">111</div>
 
</template>

<script>
 export default{
     data(){
         return{
            flag:true,
            type:'a'
         }
     }
 }
</script>

文章来自 www.96net.com.cn

标签:语句,cn,区别,www.96,show,vue3
From: https://www.cnblogs.com/96net/p/17456521.html

相关文章

  • vue3元素标签属性的绑定
    <template> <divv-bind:id="main"v-bind:class="message">aaa</div></template><script> exportdefault{   data(){      return{         message:'active',         main:'mainid' ......
  • Vue3 模板语法学习
    <template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> exportdefault{   data(){      return{         message:'aaa',         number:10,         ok:false      }   } }&l......
  • 基于 Vue3 + TS 的前端结构
    效果预览:1构建工具构建工具选择vite,它是一个基于原生ES模块的开发服务器,能显著提升开发体验。参考:https://cn.vitejs.dev/guide/2样式处理样式预处理器选择less重置原生样式抽离通用样式,比如flex布局、内外边距、鼠标样式等3使用svg图标使用vite-svg-l......
  • 运用dbms_sqltune.report_sql_monitor生成sql语句监控信息
    文档课题:运用dbms_sqltune.report_sql_monitor生成sql语句监控信息.数据库:oracle11.2.0.11、理论知识通过给SQL语句加/*+MONITOR*/,强制收集monitor信息(正常情况下5秒以上的SQL语句会被自动收集)后,用BMS_SQLTUNE.report_sql_monitor可以得到执行计划等详细信息。2、实际测......
  • 第三章 流程控制语句
    1.顺序结构‍顺序结构就是程序从上到下​运行的,表达式语句都是顺序执行的。并且上一行对某个变量的修改对下一行会产生影响​​2.分支语句2.1if-else条件判断结构基本语法:结构1:单分支条件判断:if​格式:​if(条件表达式){语句块;}​说明:​条件表达式必须......
  • socket.io-client+Vue3使用
    客户端代码服务端代码......
  • Oracle分页查询语句
    Oracle分页查询语句(一)作者:yangtingkun     Oracle的分页查询语句基本上可以按照本文给出的格式来进行套用。分页查询格式:SELECT*......
  • [刷题笔记] Luogu P2895 Meteor Shower S
    ProblemSolution显然bfs,只不过有了限定条件,有实时的流星雨这里提供两种做法:Solution1这也是我一开始的做法模拟实时流星,由于bfs是按层搜的,是严格按照时间递增搜的,故可以模拟实时放流星。需要注意放流星的时间,如果第\(t\)秒有流星,则该秒不可以走,需要在每一秒前放流星。那......
  • Map 接收 @RequestBody,Controller 层可以打印值,但是 mybatis 编译 SQL 语句显示 NULL
    mybatis#{}获取的key是否一致;前端发送请求类型是否与后端接口定义的请求类型一致;前端发送请求与接口请求的类型一致的情况下,检查post请求封装data时是否以get形式传递数据。我的问题是第三个,尤其是后端不报任何错误的情况下,第三种情况极有可能。我把axios.post......
  • vue3 el-image图片资源的使用
    在项目中将img文件放到/src/assets/,相关组件文件配置:<el-imagesrc="../assets/hamburger.png"/>使用以上语句提示404错误。 查询网上资料才发现原来图片资源文件一般存放在/public目录下,将文件复制到/public目录下后404错误消失,图片显示正常。Remark。......