E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
v-show
Vue的进阶使用--模板语法应用
插值1.3属性插值1.4Vue演示三元条件运算2指令2.1if&&else指令(v-if/v-else-if/v-else)2.2v-for指令2.3v-on指令(动态参数)2.4知识点补充之v-if与
v-show
ChatYU.
·
2023-09-20 21:20
前端框架
vue.js
前端
javascript
vue点击容器外隐藏元素(点击非本身以外的部分隐藏元素)
$el.contains()注意事项:1.如果不是在非必要的情况下可以使用
v-show
,这样就不会有dom渲染先后顺序的问题2.记
蕉君桑
·
2023-09-20 08:59
css
html5
前端
vue.js
vue中
v-show
和v-if的区别
在Vue.js中,
v-show
和v-if是两个常用的指令,用于在DOM中控制元素的显示和隐藏。尽管它们都可以达到相似的效果,但在使用和性能方面有一些区别。
百晓生612
·
2023-09-20 05:26
关于VUE的一些学习笔记
vue.js
前端
javascript
Vue基础指令 & 指令修饰符
目录Vue.js简介Vue.js目录:Vue.js模板语法插值语法(Mustache)v-html指令v-text指令v-on指令v-bind指令v-if指令v-if与
v-show
的区别:v-model
未飞
·
2023-09-19 23:21
为什么对Axios进行二次封装
Git基础
vue.js
javascript
VUE
道面试题VUE面试点:需要熟悉:生命周期,钩子函数,钩子函数参数单文件开发(需要使用webpack,项目暂时无法使用例子:http://div.io/topic/1701)v-if对条件块会创建、销毁、创建
v-show
hello_water
·
2023-09-18 23:21
Vue 2 进入、离开和列表过渡
过渡和动画中自动应用class配合CSS动画库在过渡钩子函数中使用JavaScript操作DOM配合JavaScript动画库单元素/组件的过渡将元素或组件放在中可以在下列情形中触发过渡效果:使用了v-if使用了
v-show
影麟
·
2023-09-17 12:26
Vue
vue.js
前端
javascript
el-form的表单验证不生效
,记录一下1.原因1)prop和model绑定的数据名称和rules名称一致;2)表单验证ref值唯一;3)使用v-if表单的验证失效一直返回true;在el-form-item加上key值;或者使用
v-show
qq_45183027
·
2023-09-17 09:08
elementui
vue.js
elementui
Error: [vee-validate] Validating a non-existent field: "#35". Use "attach()" first.
1、背景使用表单验证时,如果有多个模块需要切换,每个模块下的元素都使用了validate进行验证,模块之间切换时,使用v-if、v-else的方式就会导致标题上面的错误2、解决办法方法一:使用
v-show
彼得朱
·
2023-09-17 04:08
vue常见面试题
基础题:1.css只在当前组件起作用答:在style标签中写入scoped即可例如:2.v-if和
v-show
区别答:简单回复:v-if按照条件是否渲染,
v-show
是display的block或none
小宝儿_09f3
·
2023-09-17 01:08
Vue面试题(二)
2、vue父组件向子组件传递数据:props3、子组件向父组件传递事件:$emit方法4、
v-show
和v-if指令的共同点和不同点共同点:都能控制元素的显示和隐藏不同点:
v-show
通过css的display
爱美丽007
·
2023-09-15 03:03
vue.js
Vue知识系列(5)每天10个小知识点
个小知识点Vue知识系列(3)每天10个小知识点Vue知识系列(4)每天10个小知识点知识点41.vue常用基本指令有哪些以及他们的作用和使用场景42.Vue组件中data为什么必须是函数43.v-if和
v-show
云边散步
·
2023-09-15 01:32
vue面试题系列
vue.js
javascript
前端
面试
RuoYi | v-if 和 v-hasPermi冲突问题,隐藏el-table-column
需求:根据权限和条件隐藏el-table-column原代码:会发生冲突,隐藏不了,试将v-if改为
v-show
也无效。
Igiveufireworks
·
2023-09-14 16:52
vue.js
javascript
前端
Vue中
v-show
/v-if切换后echarts宽高问题和不显示问题
在项目中发现,tab切换页面使用
v-show
时,echarts图表的宽高变成100px,因此改为用v-if切换。但是v-if切换后echarts图表为空白,不显示。
Igiveufireworks
·
2023-09-14 16:21
echarts
vue.js
javascript
前端
vue
Vue基础集合
4、模板语法文本插值使用JS表达式原始HTML5、属性绑定简写动态绑定多个值6、条件渲染`v-if`和`
v-show
`的区别7、列表渲染遍历对象的时候名称要不一样通过key管理状态数组变化侦测变更方法替换一个数组
海量的海
·
2023-09-14 07:03
vue.js
前端
javascript
Vue3条件语句-v-if/v-else/ v-else-if/
v-show
文章目录Vue3条件语句-v-if/v-else/v-else-if/v-show1.v-if2.v-else3.v-else-if4.v-showVue3条件语句-v-if/v-else/v-else-if/v-show1.v-ifv-if指令将根据表达式seen的值(true或false)来决定是否插入p元素Vue测试实例条件判断使用v-if指令,指令的表达式返回true时才会显示现在你看到我
Hahaha???
·
2023-09-13 17:53
vue.js
javascript
前端
Vue学习笔记-Vue的指令
事件绑定指令事件对象event绑定事件并传参$event事件修饰符①.prevent②.stop③.capture④.once⑤.self按键修饰符5.双向绑定指令v-model指令的修饰符6.条件渲染指令v-if和
v-show
不会挂科i
·
2023-09-13 11:02
Vue
vue.js
学习
javascript
《图解Vue3.0》- 第6节 模板语法 - 自定义指令
简介除了核心功能默认内置的指令(v-model和
v-show
),Vue也允许注册自定义指令。注意,在Vue2.0中,代码复用和抽象的主要形式是组件。
张中华
·
2023-09-13 09:53
vue之性能优化
v-if和
v-show
看场景,自行选择减少
嚭
·
2023-09-12 18:05
vue
前端
vue.js
vue 条件渲染 v-if和
v-show
及二者比较
一.条件渲染用来控制元素是否可见①v-if②
v-show
二.1.v-if①根据表达式的值在dom中渲染或销毁元素或组件。
--Π--
·
2023-09-12 08:51
vue
vue.js
前端
Vue2中的v-if和
v-show
一、v-if相关1.v-if指令通过后边绑定的条件进行判断是否进行显示,我们可以通过下边的例子进行一个简单的v-if实例,可以看出的是,flagv-if的判断语句分别(flag==0)(flag==1),所以我们可以通过绑定条件判断语句进行判断是否渲染未登录请先登录已经登陆newVue({el:'#app',data:{flag:0,},});2.我们想实现上述代码的功能,同样可以用v-if...
IT行星
·
2023-09-12 08:21
vue.js
前端
javascript
vue2条件渲染v-if VS
v-show
一、v-if1.1写法test1test2test3约会data:{dice:'',},methods:{throwFun(){this.dice=Math.floor(Math.random()*4);console.log(this.dice);},},1.2特点语法和原⽣js的if...elseif...else⼀样不展示时直接移除DOM元素,适合切换频率低的场景v-if、v-else-if
一天一丢丢
·
2023-09-12 08:46
前端
javascript
开发语言
v-if 和
v-show
的区别?
v-show
和v-if都是Vue中的条件渲染指令,它们之间的主要区别如下:
v-show
:
v-show
指令会通过修改元素的style属性来显示或隐藏元素,而不是修改元素的display属性。
Uso_Magic
·
2023-09-11 16:17
javascript
前端
vue.js
Data V框架 在vue中条件渲染刷新后不显示
在Vue项目中使用DataV框架的组件,如果使用条件渲染,不能使用
v-show
,使用v-if,如果使用
v-show
会导致加载不显示或者刷新后不显示,原理暂时不明了,还望各位大佬答疑解惑,指点迷津
Alexa_老王
·
2023-09-11 14:52
v-show
和v-if的区别
1、
v-show
先看代码:{{name}}切换varapp=newVue({el:'#app',data:{isShow:true,name:"SansaStark"},methods:{handleClick
葵自渡_
·
2023-09-11 11:07
vue中的v-if和
v-show
的区别
v-if和
v-show
的区别是前端面试中常问的基础知识点,v-if、
v-show
顾名思义就是用来判断视图层展示效果的。那么具体是怎么展示呢?v-if和
v-show
的区别又是什么呢?
有梦想的咸鱼前端
·
2023-09-11 11:59
Vue中对于指令的介绍
Vue指令文章目录Vue指令1、介绍2、指令介绍2.1、v-html2.2、
v-show
和v-if3.2、v-else和v-else-if3.3、v-on3.4、v-bind3.5、v-for3.6、v-for
曼诺尔雷迪亚兹
·
2023-09-11 03:04
前端
vue.js
前端
javascript
web前端: vue通过指令(directives)实现点击空白处收起下拉框
效果如下图所示^^貌似截图尺寸有点大(╯﹏╰)vue自定义指令解释(参考官方文档)除了核心功能默认内置的指令(v-model和
v-show
),Vue也允许注册自定义指令。
长肉肉呱
·
2023-09-10 07:21
Vue面试基础题 标准答案汇总二
****
v-show
和v-if指令
小北哥哥
·
2023-09-10 02:57
前端面试题总结
4、v-if和
v-show
有什么区别?5、asyncawait是什么?它有哪些作用?6、常用的数组方法有哪些?7、数组有哪几种循环方式?分别有什么作用?8、常用的字符串方法有哪些?9、什么是原型链?
Shadow Shine
·
2023-09-09 16:39
H5大前端干货
前端
Vue--1.4Vue指令
"表达式"1.v-html作用:动态解析标签innerHTMLconstapp=newVue({el:'#app',data:{msg:'黑马程序员'}})2.v-show作用:控制元素显示隐藏语法:
v-show
小沐°
·
2023-09-09 11:07
vue
vue.js
前端
javascript
v-show
v-show
与v-if-else不同的是,
v-show
是存在于dom里的,而v-if-else是重新创建的两者选择:切换频率很高的话,使用
v-show
;
MarioTed
·
2023-09-09 02:27
前端小用散记
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、el-dialog二、v-if与
v-show
三、拷贝文字四、三角样式及定位实现五、鼠标小手六、往请求头里配置参数七、关于请求头和
一荣孤怪
·
2023-09-09 02:02
javascript
html5
css
vue.js
elementui
初学Vue
值”:渲染html内容v-for=“iteminjs值/itemofjs值/(item,index)injs值”:循环创建domv-if="js条件":满足条件就创建dom;v-else跟在v-if后
v-show
OutRunM
·
2023-09-08 02:16
Vue2面试题100问
6.vue中v-if与
v-show
的区别以及使用场景7.v-on可以监听多个方法吗8.v-on绑定的修饰符有哪些?v-model绑定的修饰符有哪些?9.Vue中动态样式绑定
筱闯~
·
2023-09-08 01:46
vue.js
前端
vue transition标签用法
2.transition包裹的标签需要设置
v-show
/v-if属性控制元素的显示动画css样式对应的类名进入:.v-enter始状态、.v-enter-to末状态
wei_dan1129
·
2023-09-07 14:20
vue.js
前端
javascript
animate.css与vue中的v-if/
v-show
如何一起使用
在已有的vue项目中安装animate.cssnpminstallanimate.css--save第二步:在main.js引入import'animate.css'第三步:如果在vue中使用了v-if或者
v-show
mslmhl
·
2023-09-07 11:08
css
前端
vue.js
vue常见的指令
Document这是v-if指令这是v-else指令这是v-if指令这是v-else指令这是
v-show
指令点击我数字加一{{count}}点击出现弹窗姓名年龄这是v-bind指令百度链接{{mgs}}
是你周耶
·
2023-09-07 03:08
web前端基础
vue.js
前端
javascript
vue基础知识六:
v-show
和v-if有什么区别?使用场景分别是什么?
一、
v-show
与v-if的共同点我们都知道在vue中
v-show
与v-if的作用效果是相同的(不含v-else),都能控制元素在页面是否显示在用法上也是相同的当表达式为true的时候,都会占据页面的位置当表达式都为
小爱同学-Allen
·
2023-09-07 02:41
vue.js
前端
javascript
Vue2基础学习
vue基础学习Vue基础指令
v-show
和v-ifv-on指令v-bind指令v-bind操作classv-bind操作stylev-for指令练习:图书管理案例v-modelv-model原理指令修饰符
hogenlaw
·
2023-09-06 20:21
vue.js
学习
前端
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
环境是:vue:2.6.10elementui:2.15.3解决方式:在el-talbs的面板中不放任何内容:内容改为:将内容放在el-tabs外面,然后用
v-show
来控制对应的内容的显示。
WEB前端圈
·
2023-09-05 16:29
前端框架
elementui
前端
javascript
vue 模板渲染 条件渲染
v-show
vue模板渲染条件渲染v-showifshowhiddenvarvm=newVue({el:"#a",data:{show:true}})
不睡觉呀
·
2023-09-05 15:26
vue - 指令2
目录指令(指令可以直接使用data中的数据)v-if条件渲染v-showv-if和
v-show
的区别v-for列表渲染key的使用方法v-for和v-if一同使用Vue.set(target,propertyName
菠萝啊菠萝蜜
·
2023-09-04 22:34
Vue
vue.js
前端
vue2.0题目
1.v-show和v-if的区别
v-show
通过cssdisplay控制显示和隐藏v-if组件真正的渲染和销毁,而不是显示和隐藏频繁的切换使用
v-show
为何在v-for中用key必须使用key,切不能是
JennyGao66
·
2023-09-04 15:31
vue v-命令
v-text:更新元素的textContentv-html:更新元素的innerHTML,注意:内容按普通HTML插入-不会作为Vue模板进行编译
v-show
:根据表达式之真假值,切换元素的displayCSS
孙亚柯_5d78
·
2023-09-04 11:50
vue笔记9.13
v-bind:属性名='值'绑定属性的
v-show
=""控制元素的显示和隐藏使用display:none隐藏v-ifvisibility:hidden;v-elsev-else-ifv-bind.html
那年的雨
·
2023-09-04 08:35
VUE笔记(二)vue的指令
2、vue指令的分类内容渲染指令:v-text、v-html条件判断指令:v-if、v-elseif、v-else、
v-show
事件绑定指令:v-on属性绑定指令:v-bind列表渲染
鸣鲷有柒
·
2023-09-01 22:23
vue.js
笔记
前端
vue项目中性能优化方法
一.代码包优化1.屏蔽sourceMap2.对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩3.对路由组件进行懒加载二.源码优化1.v-if和
v-show
选择调用2.为item设置唯一
_木_槿_
·
2023-09-01 02:30
VUE切换组件
一.应用背景在后台管理系统当中遇到的一个二级路由问题,我选择使用的是组件切换来解决的二.技术要点1.切换组件这里的组件切换因为有多个组件需要切换,所以没有使用v-if/
v-show
,而是使用的,通过在data
关忆北_
·
2023-08-31 13:56
经验记载
vue.js
前端
uview,u-input组件在明密文切换时app不生效
发现也没有效果通过搜索发现可以通过修改源码进行实现,不想修改源码,就没有使用修改源码的博文链接直到看到这篇博文链接地址才知道v-if为啥不生效,原因:uni-app的组件部分时不支持动态切换然后根据博主的建议使用
v-show
Ciao_Traveler
·
2023-08-31 09:28
uni-app
前端
2021-09-25
14介绍一下项目经历1,
v-show
与v-if有什么区别v-if是真正的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做
itsmyturn
·
2023-08-31 05:07
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他