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
项目优化的方法
持续更新中…目录性能防抖、节流防抖(debounce)节流(throttle)防抖节流的区别:图片/视频/音频压缩减少请求发送次数减少重绘与回流经常要切换消失与出现状态的节点用
v-show
而不用v-if
Code6E
·
2024-01-11 20:44
面试题
项目
javascript
前端
性能优化
vue的学习
资源链接:创建一个Vue应用|Vue.js介绍库和框架的区别Vue实例v-textv-htmlv-modelv-for样式处理-class和stylev-if和
v-show
提升性能:v-pre过滤器filter
lock cylinder
·
2024-01-11 14:27
vue.js
vue中页面不需要引用app.vue里公共头部组件
如图,不需要引入公共logo,就要用
v-show
来判断,是否显示。data中定义path,在mounted中设置this.path=当前页面路由,再监测路由变化。
weixin_44145526
·
2024-01-11 13:42
vue.js
Vue怎么设置自定义指令
在Vue,除了核心功能默认内置的指令(v-model和
v-show
),Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
hymuuuu
·
2024-01-11 08:35
vue.js
javascript
前端
【Vue】自定义指令
在Vue,除了核心功能默认内置的指令(v-model和
v-show
),Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
【南汐】前端
·
2024-01-11 02:24
vue.js
javascript
前端
Vuejs复习笔记
vue.js的复习目录模板语法其他(过滤器、组件)指令(
v-show
和v-if、v-bindclass绑定和style绑定、双向数据绑定)特性(计算属性、侦听属性、实例生命周期)数据交互一、模板语法message
Yooota
·
2024-01-11 01:29
tab分页高亮切换及tab交互
//存储高亮的下标//高亮的下标constactiveIndex=ref(0){{item.title}}//
v-show
="activeIndex===index"点击tab切换可以切换数据,tab的交互
小夏同学呀
·
2024-01-10 02:26
uni-app
uni-app
vue笔记
简写v-bind:v-on@计算属性是响应式,值更新再计算,函数不是,每次都调用函数v-if:假的时候不渲染
v-show
始终渲染,只改变display属性不建议v-if与v-for一起使用多行字符串可以添加
不识地理不懂距离
·
2024-01-09 06:47
vue实现自定义步骤条
linelineActive':'line'"
v-show
="index!
dearqz
·
2024-01-08 15:47
vue
vue
自定义步骤条
vue3 指令详解
从入门到进阶专栏文章目录系列文章目录前言一、v-model(双向绑定功能)二、v-bind(用于将一个或多个属性绑定到元素的属性或组件的prop)三、v-if、v-else、v-else-if(用于根据条件选择性地渲染元素)四、
v-show
枫ゞ
·
2024-01-07 22:24
vue
vue.js
javascript
前端
前端性能优化感想
1、利用v-if和
v-show
减少初始化渲染和切换渲染的性能开销2、computed、watch、methods区分使用场景3、提前处理好数据解决v-if和v-for必须同级的问题4、给v-for循环项加上
美旭_2e39
·
2024-01-07 20:48
Vue新手村(一)
v-text和v-html3.2.1、v-text和{{}}的区别3.2.2、v-html和v-text的区别3.3、v-on【事件绑定】3.3.1、绑定事件的语法3.3.2、语法简化3.3.3、传参3.4、
v-show
龙洋静
·
2024-01-07 14:51
vue.js
前端
javascript
JSX | TSX 教程
操作符做类型断言三、React中使用JSX1、React中JSX的渲染2、React中JSX可以防止XSS注入攻击四、Vue中使用JSX0、Vue中SFC与JSX模式的对比1、文本插值2、条件渲染(1)、JSX中使用
v-show
weixin79893765432...
·
2024-01-07 09:46
#
React.js
#
Vue.js
JavaScript
react
vue
JSX
TSX
解决在html中给button按钮添加了@click事件控制v-if或者
v-show
无效的问题
解决在html中给button按钮添加了@click事件控制v-if或者
v-show
无效的问题在项目开发中,要实现点击一个按钮控制某个div显示或者隐藏的情景。
方方方DG
·
2024-01-06 14:38
开发中遇到的小问题
vue
html
js
v-show
和v-if指令的共同点和不同点?
相同点:
v-show
和v-if都能控制元素的显示和隐藏。
四时之雨
·
2024-01-05 17:28
前端
javascript
开发语言
VUE 若依框架,当页面设置了keepAlive=true,v-if和v-hasPermi作用在统一个按钮上时v-hasPermi失效,出现按钮显示异常问题
=1变成==2的时候,后面的v-hasPermi判断失效原因:是因为一开始页面初始化时,v-if判断前两行为true,后两行没有在页面渲染元素,所以只校验了前两行的v-hsaPermi方法(v-if和
v-show
王stone
·
2024-01-04 22:15
vue.js
前端面试
3.vue生命周期:4.v-if和
v-show
有什么区别?5.async/await是什么,有什么作用?6.常用数组方法(更改原数组和不更改原数组)?7.数组的循环方式?8.原型链?9.闭包?
L北杳
·
2024-01-04 18:34
前端面试
前端
面试
职场和发展
3.vue学习笔记(条件渲染+列表渲染+通过key管理状态)
文章目录1.条件渲染1.1.v-if1.2.v-else-if1.3.v-show1.4.v-if与
v-show
区别2.列表渲染2.1.复杂数据2.2.v-for与对象3.通过key管理状态1.条件渲染在
訴山海
·
2024-01-04 13:29
学习
笔记
vue
你vue有写过自定义指令吗?知道自定义指令的应用场景有哪些吗?
因此指令系统表征了计算机的基本功能决定了机器所要求的能力在vue中提供了一套为数据驱动视图更为方便的操作,这些操作被称为指令系统我们看到的v-开头的行内属性,都是指令,不同的指令可以完成或实现不同的功能除了核心功能默认内置的指令(v-model和
v-show
蓝斑.json
·
2024-01-04 11:38
面试
javascript
vue
vue.js
javascript
前端
Vue2面试题:说一下
v-show
、v-if、v-for的理解?
v-show
和v-if的区别:v-if:通过操控DOM增删来实现显示隐藏,不适合频繁切换,数据多不建议用v-if,每一次切换则重新消耗性能
v-show
:修改元素的display实现显示隐藏,适合频繁切换
程序员大澈
·
2024-01-04 00:53
面试题合集
前端
javascript
css
vue.js
html
内置指令(v-if/v-else-if/v-else/
v-show
)、双向绑定、侦听器、生命周期
内置指令(v-if/v-else-if/v-else/
v-show
)、双向绑定、侦听器、生命周期文章目录一、内置指令(v-if/v-else-if/v-else/
v-show
)内置指令v-ifv-else-ifv-elsev-showv-oncev-bindv-model
Vincent_Vang
·
2024-01-02 07:42
html
前端
css
vue.js
vue
v-show
不起作用
当
v-show
不起作用,很大一部分是因为该标签设置了display属性样式如display:flex,该样式的优先级高于
v-show
的display:none/display:block,导致
v-show
-Wack-
·
2024-01-02 06:57
css3
html5
vue.js
2月份第一次总结
n秒后才会执行,如果函数在n秒内被调用的话则函数不执行,重新计算执行时间(2).节流:函数预先设定一个执行周期,当调用动作的时刻大于等于执行周期则执行该动作,然后进入下一个新周期2.vue中v-if跟
v-show
我只是写给自己
·
2024-01-01 23:38
Web前端-Vue.js必备框架(一)
;VuejsdashucodingSend{{$data|json}}newVue({el:'#app',data:{message:''}});
v-show
和v-if使用第一个整体
魔王哪吒
·
2024-01-01 21:53
前端总结
2.vue的生命周期有哪些3.v-if和
v-show
的区别4.asyncawait是什么?它有哪些作用5.数组常用的方法?哪些方法会改变原数组,哪些不会6.什么是原型链?7.什么是闭包?
*阿漓*
·
2024-01-01 11:35
前端
vue.js
javascript
vue 面试题
Vue中的v-if和
v-show
指令有
qq_42431718
·
2024-01-01 11:59
vue.js
前端
javascript
V-on的简单使用(VUE学习3)
、v-on用于标签来监听"click"事件1.设置页面标题v-on的使用2.将Vue应用程序挂载到具有id="app"的div元素上3.包含一个具有id="lightDiv"的div元素,其中包含一个
v-show
零梦ing
·
2024-01-01 05:43
VUE基础
vue.js
学习
前端
服了,记一下
v-show
不生效的问题
背景:父组件有一个tab,切换tab就切换不同的子组件如上所示:通过
v-show
控制四个子组件的显示和隐藏,但是我加上去怎么都不生效,F12查看元素发现子组件并没有各自的父元素,而且也没有display
₍•ʚ•₎呀呀
·
2023-12-31 01:26
前端
javascript
服务器
Vue : v-if,
v-show
目录v-showv-ifv-showDocumenthelloworldconstvm=newVue({el:'#app',data:{isShow:true}})如果isShow为false,那么
v-show
niceffking
·
2023-12-30 17:03
前端
vue.js
前端
javascript
利用html2Canvas将表格下载为html
平常做的下载都是后端返回二进制流,这次前端做下载那就必须把页面先画出来,因为下载下来的表格在页面上是不显示的,所以要画出来再隐藏一下,隐藏的时候可选方式有很多,但是v-if,
v-show
这种会导致页面重构的不建议使用
flower_tomb
·
2023-12-29 15:58
难点开发类
html
前端
java
v-if和
v-show
的区别
v-show
通过设置display的方式,显示隐藏节点,初始化时浪费内存。因此多次操作节点是可以采用
v-show
方式。
Betterthanyougo
·
2023-12-29 15:35
Vue指令详解
`
v-show
`7.`v-pre`8.`v-cloak`⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏!创建这个专栏的初衷
几何心凉
·
2023-12-29 14:57
前端小常识
Vue技能树参考资料
vue.js
前端
javascript
【Vue篇】基础篇—Vue指令,Vue生命周期
欢迎并且感谢大家指出小吉的问题文章目录Vue概述快速入门Vue指令⭐v-bind✨运行结果⭐v-model✨运行结果️注意⭐v-on✨运行结果⭐v-if&&v-else-if&&v-else✨运行结果⭐
v-show
在下小吉.
·
2023-12-29 01:13
vue.js
前端
javascript
vue整理面试题
1.v-if/
v-show
的区别?
香香爱编程
·
2023-12-28 17:31
网络
Vue中的自定义指令和使用方式
v-model、v-bind、v-on、
v-show
、v-if等这些由v-开头的都是Vue中的核心内置指令,他们的作用就是在元素的整个生命周期的某个阶段对DOM进行内容或者样式上的操作。
Sheldon一蓑烟雨任平生
·
2023-12-28 08:23
Vue.js
vue.js
前端
javascript
微信小程序(uniapp)api讲解
例如:
v-show
、v-if、v-for、computed、watch等。生命周期API生命周期是Vue.js中一个非常重要的概念,Uniapp中也提供了生命周期A
TechWhiz-晓同
·
2023-12-25 18:34
uniapp
微信小程序
小程序
v-show
用法
v-show
是Vue.js中的一个指令,用于控制元素的显示和隐藏。
v-show
指令根据表达式的值来决定元素是否显示,当表达式的值为true时,元素将显示;当表达式的值为false时,元素将隐藏。
song19990524
·
2023-12-24 20:37
vue.js
javascript
前端
前端八股文(vue篇)
五.Vue的路由两种模式hash模式和history模式的实现原理六.说一下v-if与
v-show
的区别七.vue为什么采用异步渲染八.组件中写name选项有哪些好处?
前端VC
·
2023-12-24 11:33
八股文
vue.js
前端
javascript
v-if和
v-show
的区别
v-if条件性地渲染一块内容,这块内容只会在指令的表达式返回truthy值的时候被渲染。/**truthy(真值)指的是在布尔值上下文中,转换后的值为真的值。所有值都是真值,除非它们被定义为假值(即除false、0、""、null、undefined和NaN以外皆为真值)*/上的v-if因为v-if是一个指令,他必须依附于某个元素。但如果我们想要切换不止一个元素呢?在这种情况下我们可以在一个元素上
Z_B_L
·
2023-12-24 10:19
前端
javascript
开发语言
探索 Vue3 ( 三 ) Teleport传送组件
Teleport是一种能够将我们的模板渲染至指定DOM节点,不受父级style、
v-show
等属性影响,但data、prop数据依旧能够共用的技术;Teleport中的内容允许我们控制在任意的DOM中,
yueF_L
·
2023-12-23 05:08
vue3
vue
前端大杂烩
vue.js
javascript
前端
ElementUI中的el-tab-pane组件使用
v-show
不生效的问题
现象:在el-tab-pane标签上使用
v-show
,即使
v-show
的值为false,el-tab的标签仍然展示。
程序猿小野
·
2023-12-22 17:35
elementui
前端
javascript
二、Vue基础语法学习笔记——事件监听v-on、条件判断(v-if、v-else-if、v-else、
v-show
)、循环遍历(v-for遍历数组对象,key属性、检测数组更新)、图书案例、双向绑定
四、事件监听在前端开发中,我们需要经常和用于交互。这个时候,我们就必须监听用户发生的时间,比如点击、拖拽、键盘事件等等在Vue中如何监听事件呢?使用v-on指令v-on介绍作用:绑定事件监听器缩写:@预期:Function|InlineStatement|Object参数:event下面,我们就具体来学习v-on的使用。1.v-on基础这里,我们用一个监听按钮的点击事件,来简单看看v-on的使用下
小小白学计算机
·
2023-12-22 00:57
Vue.js
vue
js
javascript
前端
v-model
【ECharts】常见问题
文章目录v-if、
v-show
布局问题数据发生变化图表没变化v-if、
v-show
布局问题在Vue中使用Echarts时,可以通过v-if来控制Echarts的显示和隐藏。
劰的劰
·
2023-12-22 00:25
echarts
javascript
前端
Vue 2.5 入门学习记录
Vue2.5入门学习记录1.基础知识Vue是什么Vue引入方式Vue特点Vue实例中的数据事件方法Vue中的属性绑定和双向绑定Vue中的v-if、
v-show
、v-fortoDoList制作局部组件&全局组件
程序媛一枚~
·
2023-12-21 10:54
可视化
前端
AdminLTE
BootStrap
H5
vue.js
前端
读书笔记
Vue学习笔记(黑马前端)
Vue阶段作业地址Vue核心技术与实战day01Vue快速上手Vue概念/创建实例/插值表达式/响应式特性/开发者工具Vue指令v-html/
v-show
/v-if/v-else/v-on/v-bind
ltpbje
·
2023-12-21 03:54
vue.js
前端
学习
Vue基础 (黑马程序员讲解)
Vue2.x技术精讲目录:1.Vue快速上手vue概念/创建实例/插值表达式/响应式特性/开发者工具2.Vue指令v-html/
v-show
/v-if/v-else/v-on/v-bind/v-for/
妄心×
·
2023-12-21 03:53
vue.js
前端
javascript
vue中的模板语法、条件渲染(v-if)、列表渲染(v-for)
二、条件渲染(v-if、
v-show
)v-if和
v-show
的区别?三、列表渲染(v-for)v-for中key的作用?
从明天开始好好学习前端
·
2023-12-21 02:24
vue.js
javascript
前端
前端框架
es6
开发语言
vue常用指令
v-show
:根据表达式的真假值,切换元素的显示状态。v-cloak:这个指令保持在元素上直到关联实例结束编译。v-pre:跳过这个元素和所
香香爱编程
·
2023-12-20 18:35
vue.js
javascript
前端
Vue 条件渲染
v-show
v-show
指令:用于控制元素的显示或隐藏。执行条件:当条件为false时,会添加一个display:none属性将元素隐藏。应用场景:适用于显示隐藏切换频率较高的场景。
小吴吴吴呀
·
2023-12-20 16:21
vue.js
javascript
前端
vue常用指令及其作用
常用指令有:内容渲染指令:v-html,v-text作用:给元素添加内容条件渲染指令:
v-show
,v-if,v-else,v-else-if作用:控制元素是否显示与隐藏(v-else,v-else-if
诗霖雪
·
2023-12-20 00:36
vue笔记
vue.js
javascript
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他