v-if

v-bind用于切换图片，v-show,v-if用与隐藏

1.v-if/v-show控制元素的显示隐藏案例一：body部分：v-show此内容可见v-show此内容不可见v-if此内容可见v-if此内容不可见js部分：newVue({el:'#itany',data
我真的是易晓辉·2024-01-31 20:32

2018-11-13（生命周期/v-if/v-show）

v-if：判断是否加载，可以减轻服务器的压力，在需要时加载。v-show：调整cssdispaly属性，可以使客户端操作更加流畅。
Heily99·2024-01-31 19:17

Ant Design Vue 树形表格计算盈收金额

根据需要输入的子级位置，修改数据2、获取兄弟节点数据，并计算兄弟节点的金额合计3、金额合计，遍历给所有的父级{returnrecord.projectId}":defaultExpandAllRows="true"v-if
一个博客·2024-01-31 15:27

在实际工作中，可以对Vue做哪些优化

v-if和v-showv-if彻底销毁组件v-show使用dispaly切换block/none实际工作中大部分情况下使用v-if就好，不要过渡优化v-for使用keykey不要使用index使用computed
亮学长·2024-01-30 13:40

【Echarts】Echarts 图表宽度设置100%，图表显示只有100px的问题

【Echarts】Echarts图表宽度设置100%，图表显示只有100px的问题问题原因解决经常遇到的场景：v-if和el-tabs切换图表不显示图表；问题原因图表的父容器设置了display：none
香菜啵子欸·2024-01-30 13:45

58 道 Vue 常见面试题，从入门到精通

答：$emit方法v-show和v-if指令的共同点和不同点？
下下下个路口左转·2024-01-30 00:56

v-for和v-if一起使用时的坑

在同一个标签上使用v-for和v-if会提示错误[vue/no-use-v-if-with-v-for]The'menu'variableinside'v-for'directiveshouldbereplacedwithacomputedpropertythatreturnsfilteredarrayinstead.Youshouldnotmix'v-for'with'v-if
麻辣_水煮鱼·2024-01-29 16:29

v-if和v-else和vue-filter过滤器结合实现的条件判断改变样式的功能

前天做后台管理有一个新需求就是根据条件渲染的数据颜色是不同的，废话少说直接上代码考点一v-if和v-else的用法先说v-if和v-else的用法，在上面代码中v-if里面的条件满足scope.row.zfNumBl-scope.row.payNumThreshold
It届辣妈点点·2024-01-29 16:53

【vue2】基础

1.2计算属性缓存vs方法1.3计算属性的setter2、侦听器watch2.1基本使用2.2计算属性vs侦听属性五、Class与Style绑定1、绑定class2、绑定内联样式Style六、条件渲染1、v-if
guozhenshu·2024-01-29 15:01

v-show和v-if指令的共同点和不同点

v-show和v-if是Vue.js中的两个重要指令，它们都可以用来控制元素的显示和隐藏。
zz_ll9023one·2024-01-29 08:20

canvas生成图片

canvas生成图片结构注意不要用v-if控制显示隐藏，canvas在dom被删除后在显示时画布上的内容会消失长按保存到手机相册js注意：canvas调用cvs.toDataURL("image/png
紫气楠楠·2024-01-29 05:25

Vue面试题

v-model双向数据绑定；v-for循环；v-if,v-
库猿·2024-01-28 23:10

【Vue3 从入门到实战 进阶式掌握完整知识体系】006-Vue语法基础：条件渲染

6、条件渲染v-if基本使用hellovueconstapp=Vue.createApp({data(){return{message:"HelloWorld!"
訾博ZiBo·2024-01-28 07:58

前端-打卡每日面试题（2024.1.24）

v-if和v-show的区别初始化时的渲染：v-if：只有在条件为真时才会渲染元素及其子组件。如果条件为假，元素及其子组件将不会被渲染到DOM中。
bug总结·2024-01-28 07:41

学习Vue系列—常用指令v-bind、v-on、v-for、v-if和v-show

Vue常用语法格式插值语法num1和num2较大的数字是:{{num1>num2?num1:num2}}请反转str:{{str.split("").reverse().join("")}}newVue({el:"#app",data:{num1:10,num2:20,str:"helloworld",}})v-bind指令v-bind:指令用来控制标签属性，简写为:，值是data中的数据。如果d
前端may·2024-01-28 03:14

Vue基本指令 V-bind V-if V-on V-for + 其他 + Mustache语法(uni-app)

一、v-bind指令:动态绑定一个或者多个属性{{message}}//1.v-bind的基本用法百度一下//语法糖:简写:百度一下data(){return{baiduUrl:'http:www.baidu.com'message:'HelloWorld'}}---------------------------------------------------------------------
呆呆．·2024-01-28 03:14

V-bind缩写、V-on缩写、V-if、V-show、V-for、Computed计算属性、methods属性、监听属性watch实例

V-bind、V-for缩写V-modelV-ifV-showV-forComputed计算属性声明了一个计算属性reversedMessage。提供的函数将用作属性vm.reversedMessage的getter。vm.reversedMessage依赖于vm.message，在vm.message发生改变时，vm.reversedMessage也会更新。computedvsmethods我们
初闻女人香·2024-01-26 22:13

Vue基础知识

VueVue基础知识v-bind:动态绑定属性值Vue修改，标签内也修改在methods中可以定义很多函数在data中可以定义很多变量v-if/v-show：对符合条件的元素进行展示v-for:把数据遍历出现在网页中案例
Zane:)·2024-01-26 18:58

【VUE】v-if 和 v-show 大详解(多角度分析+面试简答版)

多角度分析+面试简答版一、`v-if`和`v-show`的区别之多角度分析控制手段：编译过程：编译条件：性能消耗：总结使用场景二、`v-if`、`v-show`、`display:none`和`visibility
CodeCharm——CC姐·2024-01-26 13:37

vue3---inputRef.value.focus()报错Cannot read properties of null (reading ‘focus‘)

问题描述：点击编辑按钮，出现el-input框（el-input显示隐藏通过v-if控制）constisEdit=ref(false)constinputRef=ref(null)//编辑模型名称consteditModelName
maidu_xbd·2024-01-26 11:47

vue 实现动态渲染菜单

二级菜单可以通过v-if判断里面是否有数据来决定是否
Ciilk·2024-01-26 10:59

前端根据字典判断是否实现删除

在组件的v-if条件中检查行数据的状态是否为暂存状态（状态值为5）。只有当状态为暂存状态时，删除按钮才会显示出来。
乱锅炖宇宙·2024-01-26 09:27

Vue组件按需引入时v-if和v-show的区别

，在进入页面时，会随着加载当前页面的js文件就加载子组件的内容；子组件的内容和父组件的内容在同一个js文件；按需加载：子组件显示的时候，才会去加载子组件的内容；子组件内容和当前页面的js不是一个文件；v-if
wen_文文·2024-01-26 08:29

Vue.js 基础-02-模板语法（常用指令v-html/v-bind/v-if/v-model/v-on，插值，参数，修饰符，缩写）

文章目录1.插值1.1插入文本1.2插入表达式2.常用指令2.1v-html（插入html）2.2v-bind（插入属性）2.3v-if2.4v-model（双向绑定数据）2.5v-on（监听事件）3.参数和修饰符3.1参数3.2修饰符4.缩写4.1v-bind缩写4.2v-on缩写前言：Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。Vue.js的
玄德公笔记·2024-01-26 02:40

Vue2 + Vue3学习笔记（十一）常用指令 v-model v-text v-html等的总结

首先细数一下已经了解过的v-指令v-bind:单向绑定解析表达式,可简写为:xxxv-model:双向数据绑定v-for:遍历数组/对象/字符串v-on:绑定事件监听,可简写为@v-if:条件渲染（动态控制节点是否存存在
yggjdle·2024-01-26 02:39

6. vue常用指令 v-if 条件渲染元素

v-if条件渲染v-if=“true”渲染元素v-if=“hidden”不渲染元素v-if可以从vue模型中取数据v-if也可以直接赋值一个表达式v-else-if必须紧跟v-ifv-else必须紧跟v-if
神奇洋葱头·2024-01-26 02:08

7. vue常用指令 v-show 指定渲染后的元素是否展示

v-show=“true”展示元素v-show=“false”隐藏元素无论展示还是隐藏,元素都存在于页面上v-if渲染或者不渲染元素vue的基本使用-->名字:{{name}}年龄:{{age}}{{name
神奇洋葱头·2024-01-26 02:08

Vue基本指令：v-on,v-if,v-mode

Vue基本指令1、v-text指令：设置标签的文本值2、v-html指令：设置标签的innerHTML3、v-on指令：为元素绑定事件4、v-on:传参5、v-show指令：根据真假切换元素的显示状态6、v-if
Poetry-Distance·2024-01-26 02:38

vue性能优化的方式

因此，可以通过以下方式减少不必要的渲染：使用v-if指令来控制组件的渲染，只在需要时渲染组件。使用计算属性来缓存计算结果，避免重复计算。
嘘~！·2024-01-25 18:47

【优化】VUE性能优化

【优化】VUE性能优化一、v-for遍历必须为item添加key，且避免同时使用v-if二、长列表性能优化Object.freezeVue会通过Object.defineProperty对数据进行劫持，
我是Superman丶·2024-01-25 18:47

Vue2 和Vue3 有什么区别

三.v-if和v-fo
小吴吴吴呀·2024-01-25 14:09

v-if 导致 elementui 表单校验失效问题解决

问题在使用elementui表单的过程中，某些表单项需要通过v-if来判断是否展示，但是这些表单项出现了检验失效的问题。
Jiang_JY·2024-01-25 13:13

vue常用指令(v-if)

一、v-if指令作用:根据表达值的真假,切换元素的显示和隐藏(操纵dom元素)二、代码演示1、v-if设置条件，添加按键修改状态代码DocumentvarVm=newVue({el:"#app",data
CAUC_lin·2024-01-25 10:13

element组件点击复选框不选中问题

组件点击复选框不选中问题问题复现点击却选不中（代码如下） 问题解析：如果max和min不是动态的就不会有这个问题，如果我们是动态的，就需要做一个判断，网上也有一中办法set，但是觉得我这种比较简单el-checkbox-group里面添加一个v-if
南玖i·2024-01-25 09:46

第九节:Vue指令:v-if条件判断

1.v-if指令v-if指令是用来控制元素的切换显示1.1条件判断指令的基本使用1.1.1v-if指令的基本使用你现在能看到我constvm=newVue({el:"#app",data:{seen:true
时光如剑·2024-01-25 03:23

Vue中的常用指令

vue中的指令按照不同的用途可以分为如下6大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令（v-bind
斐波娜娜·2024-01-25 02:40

浅谈vue动态组件

二.v-if与1.v-if指令2.标签三.keep-alive保存状态1.keep-alive使用2.两个生命周期钩子四.总结一.什么是动态组件？动态组件是指在一个挂载点使用多个组件，并进行动态切换。
暴怒的代码·2024-01-24 23:43

前端基础面试题（二）

布局形式预解析构造函数和原型继承的方法高阶函数纯函数柯里化函数闭包垃圾回收机制异步流程、事件循环EventLoop宏任务微任务promise静态方法-alles6深拷贝和浅拷贝vue常见面试题说说你对SPA单页面的理解单页应用优缺点v-if
花言儿·2024-01-24 23:07

关于Element-ui中el-table出现的表格错位问题的解决方案 // 问题介绍：表格数据整个都是后端返回的（表头 + 数据）页面(aPage.vue)里是一个完整的组件＜newPag

//问题介绍：表格数据整个都是后端返回的（表头+数据）页面(aPage.vue)里是一个完整的组件组件中有一个el-table（有v-if控制显示隐藏），初步判断是因为表头数据过长+v-if会导致这个问题概率性出现
毛三仙·2024-01-24 12:13

vue中v-if,v-else-if,v-else的运用

1.运用Document000111222333444555newVue({el:"#itany",data:{num:Math.floor(Math.random()*(5-0+1)+0)}})
信不由衷·2024-01-24 00:23

vue模板判断-不要再傻傻写if()了

在vue开发中，有时会遇到需要在模板里写v-if="userType==='AGENCY'||userType==='PLACE'||userType==='MANAGEMENT'"但是这样写可能不太美观这时可以改为用计算属性加
初心w50t2·2024-01-23 19:59

【Vue】终极笔记：面试必胜宝典，大厂面试题源码级详解 (持续更新！！！)

分析：思路分析：回答范例：1.组件通信常用方式有以下8种：2、根据组件之间关系讨论组件通信最为清晰有效2、v-if和v-for哪个优先级更高分析：思路分析：回答范例：3、简述Vue的生命周期以及各阶段做的事分析
网络真危险！！·2024-01-23 11:07

Vue常见面试题

下面来看常见的面试题：1、v-for和v-if哪个优先级更高？如果两者同时出现，应该怎么优化得到更好的性能？
可达鸭头上站青蛙·2024-01-23 11:02

el-dialog 的坑

el-dialog尽量放到最外层，不要包到v-if或中，不然出莫名的问题
QQ2856639881·2024-01-23 11:12

v-if 和 v-show 有什么区别？

v-if和v-show有什么区别？v-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建，操作的实际上是dom元素的创建或销毁。
娃哈哈哈哈呀·2024-01-23 04:13

v-if判断数组长度

直接使用：0"class="mui-navigate-right">选择{{product_attr}}选择{{shopListData.guide}}报错：Errorinrender:"TypeError:Cannotreadproperty'length'ofundefined"解决办法：shopListData.attrs!==undefined&&shopListData.attrs.le
FForYou·2024-01-23 00:20

vue(element):el-table-column使用v-if列位置错乱问题

接下来就要聊聊这个问题了，开始我以为是：data里的数据有误，可通过工具查看后发现数据无误，那么应该就是v-if这个属性了，它不同于v-show,v-show等同于style
每天就学一点点丿·2024-01-22 22:44

Vue—指令

文章目录指令初识和v-htmlVue指令1.v-html（动态解析标签）2.v-show（display）VSv-if（添加和删除）3.v-else和v-else-if（与v-if一起使用）4.v-on①v-on
W`hite·2024-01-22 14:12

6，v-if和v-show

v-if的特点是每次都会重新删除或创建元素v-show只是定义了一个样式display:none对于性能来说，前者的性能远不如后者，但是后者的初始渲染消耗要大于前者这是第一个这是第二个varvm=newVue
coderymy·2024-01-22 00:03

vue常用指令有哪些

v-if、v-else-if、v-else：用于条件性地渲染DOM元素，根据表达式的真假来决定是否渲染元素。v-show：通过改变CSS的display属性来控制元素的显示和隐藏。
嘘~！·2024-01-21 13:04
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他