v-show

前端 vue 面试题 (一)

文章目录v-if,v-show差别v-for和v-if虚拟dom解决什么问题vue的data为什么返回函数不返回对象比较vue，reactvue双向绑定原理vue虚拟dom的diff算法vue虚拟dom
可缺不可滥·2023-11-15 14:02

Vue中自定义指令用法

Vue中自定义指令认识自定义指令在Vue的模板语法中我们学习过各种各样的指令:v-show、v-for、v-model等等，除了使用这些指令之外，Vue也允许我们来自定义自己的指令注意:在Vue中，代码的复用和抽象主要还是通过组件通常在某些情况下
SevgiliD·2023-11-15 09:12

VUE指令(内容渲染指令{{}}，属性绑定指令v-bind，事件绑定指令v-on，双向绑定指令v-model，条件渲染指令v-show、v-if，列表渲染指令v-for)与过滤器，$event，

指令的概念：指令(Directives)是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。vue中的指令按照不同的用途可以分为如下6大类:内容渲染指令，属性绑定指令，事件绑定指令，双向绑定指令，条件渲染指令，列表渲染指令1.内容渲染指令v-text指令的缺点：会覆盖元素内部原有的内容！性别：{{}}的专业表达是插值表达式：在实际开发中用的最多，只是内容的占位符，不会覆盖原有的内容！
不想qiao代码·2023-11-15 04:09

vue实现鼠标经过显示悬浮框效果,使用Vue的v-show指令和CSS的:hover伪类,利用Vue的数据绑定

实现鼠标悬浮框效果的一种常用方式是使用Vue的v-show指令和CSS的:hover伪类。利用Vue的数据绑定，实现鼠标悬浮时显示悬浮框，鼠标移开时隐藏悬浮框的效果。
abiao1981·2023-11-15 04:08

Vue内置指令v-if v-on v-bind v-text v-html v-for v-if v-show

1、v-model说明：双向数据绑定写法：v-model=“”或者v-model:value=“”注意：v-model和v-bind只能在表单类元素中使用（表单类元素：就是含有value值的元素标签，如：input，select）代码：varvm=newVue({el:'#app',data:{name:'v-model指令'}});网页：（F12点击“控制台”，输入vm.name可以查看name
y17757773039·2023-11-12 09:52

常用指令v-model :value v-if v-show v-for v-bind: :class :style v-on @

前言：上一章已经学会如何创建vue实例了，这一章是vue的基础知识点，包括模板语言，以及常见的一些命令。最底部有运行好的全部代码链接。常见报错：hbuiderX不报错的话去浏览器运行。一些warn可以不用管。没有任何渲染：检查是否写了容器app检查实例是否绑定了这个app。vm.mount(’#app’)检查你的html代码是否写到了app容器外面检查{{}}里面是否有格式错误。假如你的浏览器仍然
luanmabug·2023-11-12 09:52

VUE专题 常用指令 v-show,v-if,v-for,v-bind,v-on,v-model

v-showv-show：判断谋个元素是否显示或隐藏。true:显示false:隐藏hellovue........data:{type:0}v-ifv-elsev-else-ifv-if/v-else/v-else-if：v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。v-else-if，顾名思义，充当v-if的“else-if块”，可以连续使用：也可
极光雨雨·2023-11-12 08:49

Vue中的常用指令v-html / v-show / v-if / v-else / v-on / v-bind / v-for / v-model

前言持续学习总结输出中，Vue中的常用指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/v-model概念：指令（Directives）是Vue提供的带有v-前缀的特殊标签属性
星辰迷上大海·2023-11-12 08:39

解决el-table多表格切换数据混乱

方法一：el-table添加key属性方法二：将v-if改成v-show本人使用的方法
沅霖·2023-11-10 17:31

v-if 不加 key的后果

最近天气凉了我的心也凉了因为组件不销毁的问题令我头疼那个好久众所周知v-if和v-show的区别就是v-show是显示隐藏v-show是销毁和展示最近遇到一个场景要求一个页面渲染多个同样的萤石云视频组件开始的想法是没有加
nz一只肥猫·2023-11-10 06:08

Vue的常见性能优化

对象层级不要过深，否则性能就会差computed和watch区分使用场景SPA页面采用keep-alive缓存组件频繁切换的使用v-show，不频繁切换的使用v-ifv-for遍历必须加key，key最好是
跳跳的小古风·2023-11-09 08:55

uni-app 使用echarts图表显示部分或不显示

我遇到的主要是uni-app使用了的插件，官方使用v-show切换页面，导致echarts只渲染了部分，将其改成v-if就好了
pikaqiu_komorebi·2023-11-09 07:22

vue数据更新，视图不更新

需求是动态控制显示与隐藏如果使用前三个方法生效不建议加入最后的强制刷新方法一修改v-show为v-if方法二三等号判断方法三使用set方法getOrder(orderCode,index){//this.form.memberOrders
zhangzuruiqqq·2023-11-08 18:44

React控制元素显示隐藏的方式

第二种是通过style控制display属性，类似vue中的v-show。第三种是通过动态切换className。
沐歌丨丶·2023-11-08 06:29

【后端速成 Vue】初识指令(下)

前言：上一篇初识指令(上)文章中，一共讲解了v-html，v-show，v-if，v-else，v-else-if，v-on，v-bind这些指令，当然，还剩不少的指令没有讲解，本问将会介绍剩余的常用指令
程序猿教你打篮球·2023-11-07 13:43

Vue面试题

3.vue中v-if和v-show有什么区别？4.**computed和watch的区别**计算属性computed：侦听属性watch：5.**vue-loader是什么？使用它的用途有哪些？
三旬春风中的李老师·2023-11-07 12:05

前端面试题 —— Vue （一）

四、常见的事件修饰符及其作用五、v-if、v-show、v-html的原理六、对keep-alive的理解，它是如何实现的，具体缓存的是什么？七、Vue中封装的数组方法有哪些，其如何实现页面更新？
大红袍不是绿茶.·2023-11-07 08:50

「2022」跳槽涨薪必备面试题及答案——VUE篇（超详细）

1、vue优点轻量级速度快简单易学低耦合可重用性独立开发文档齐全，且文档为中文文档2、vue父组件向子组件传递数据props3、子组件向父组件传递事件$emit4、v-show和v-if指令的共同点和不同点相同点
敲代码的TKP·2023-11-07 08:14

vue3的自定义指令

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令(CustomDirectives)。
努力学习的木子·2023-11-07 01:11

VUE重学

v-if和v-show的区别：v-if是按条件渲染，因为他确保在切换时，条件区块内的事件监听器和子组件都会被销毁和重建，也是惰性的，如果初次渲染条件为false，则不会做任何事，只有true才会渲染v-show
梧桐雨。·2023-11-06 21:44

第二十五节:Vue组件:Vue动态组件和keep-alive保持组件状态

1.动态组件动态组件:顾名思义就是组件会动态的切换显示需求:需要根据不同的状态显示的不同的组件.案例:示例代码如下:vue.gif我们能想到的就是使用v-if,或者v-show切换组件的显示1.1.使用
时光如剑·2023-11-06 10:04

Vue v-show 显示隐藏

v-show隐藏是display:'none'v-if隐藏是visibility:hidden;区别是display:none和visibility:hidden的区别是：1.display:none是彻底消失
北觅_Sir·2023-11-06 08:04

条件渲染指令v-if和v-show的区别

v-if当我点击按钮后结果发现dom对象不见了v-show点击按钮后发现dom对象在，只是用display属性隐藏了区别1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置
小何童鞋·2023-11-05 08:46

Vue常见的指令都有哪些

angular中的ng-model）2、v-for格式：v-for=“字段名in(of)数组json”循环数组或json(同angular中的ng-repeat),需要注意从vue2开始取消了$index3、v-show
LuckySoong·2023-11-05 08:14

Vue的常用指令有哪些，分别是什么作用？

指令用来实现表单元素的双向绑定v-if指令用来进行条件判断，可以根据表达式值的真假来插入或删除元素v-else指令配合v-if使用，而且用的时候必须紧挨着v-ifv-show指令用来进行条件渲染，与v-if不同的是，无论v-show
泗水六年·2023-11-05 08:13

Vue常用指令及其作用

1、v-model多用于表单元素实现双向数据绑定;2、v-for格式：v-for="字段名in(of)数组json"循环数组或json需要注意从vue2开始取消了$inde;3、v-show显示内容;4
Li_Arena·2023-11-05 08:13

Vue 条件渲染 与 列表渲染

目录一、条件渲染1.简介:2.v-if实例:3.v-show实例:4.v-if与v-show的区别:二、列表渲染1.基本用法:1.1v-for遍历数组1.2v-for遍历对象2.应用实例:一、条件渲染1
Cyan_RA9·2023-11-05 07:21

8个非常实用的Vue自定义指令

在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
硅谷干货·2023-11-05 03:16

2022-06-26 前端vue面试题1

#v-if和v-show的区别：v-if是操作DOM元素，v-show是不操作DOM元素，控制css中样式的显示和隐藏。v-if的切换消耗大，v-show的初始化消耗大。
太白A·2023-11-04 21:36

vue指令

在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
前端布道人·2023-11-04 05:03

React V6实现v-if、v-show、v-html

功能背景在vue中使用v-if、v-show、v-html这些命令得心应手，那么react是否也存在这样的命令呢？似乎是没有的，需要自己实现，也就是用原生的写法直接控制dom。
_小郑有点困了·2023-11-02 12:04

Vue入门指南——分支结构

目录：一、v-if二、v-else-if&v-else三、v-show四、v-show和v-if的区别五、总结一、v-ifv-if指令用于条件性地渲染一块内容。
Poetry Code·2023-11-02 08:17

使用uniapp开发App，用v-if，v-show页面错位问题

下面讲的页面表单错位问题原因分析：找了很多原因，最后发现是v-if的问题，把v-if换成v-show之后就可以了，如果换成v-show之后还是错位，那么就把需要v-show的
bittingCat·2023-11-02 02:49

2018-09-24（vue指令）路由嵌套

vue指令v-for=''（循环数组对象数组对象）v-model=''（双向数据绑定，用于表单元素）v-on:click='alt函数名'v-show（控制元素的显示和隐藏使用display：none隐藏
酒窝仙女·2023-10-31 11:40

vue实现图片分页

本小节学会使用v-show和@click、v-bind，v-bind可以简写为:Document0"@click="index--">上一页下一页constapp=newVue({el:'#app
清梦压星河_Ciao·2023-10-30 16:49

Vue指令大全：深入探索Vue提供的强大指令功能

目录v-bind指令v-on指令v-if和v-show指令v-for指令自定义指令其他常用指令总结Vue.js是一款流行的JavaScript框架，具备丰富的指令系统。
TechWhiz-晓同·2023-10-29 10:34

【Vue学习笔记_06】v-if/v-show条件判断

【Vue学习笔记_06】v-if/v-show条件判断v-if指令v-else指令v-else-if指令案例-用户登录切换v-show指令配套可执行代码示例=>GitHubv-if指令当v-if绑定的条件满足
BugFrog1024·2023-10-28 18:16

同一个页面同一区域两个el-table在v-if下样式重叠问题

正常情况下在radio切换时两个表格的样式应如下实际上用v-if显示时会出现以下问题（本该属于时间段相同模块的表格却出现在时间段自定义的表格中）解决方案：一、将v-if替换成v-show(我用这个可以，
香菜大魔王(✪ω✪)·2023-10-28 03:56

iview form 动态表单

最开始用得网上得发现前面得红色必选项跟着变换，但是表单验证输入了还是显示不能为空然后我用了v-if结果，红色星号在，表单验证确是可以的最终解决方法：用v-show!!!!!!!!
会玩代码的猫·2023-10-27 20:40

Vue之动态组件和异步组件

何为动态组件动态组件是根据数据的变化，可以随时切换不同的组件，比如咱们现在要展示一个文本框和输入框，我们想要根据我们data中定义的值去决定是显示文本框还是输入框，如果用以前学的知识去做的话就是使用v-show
编码熊(Coding-Bear)·2023-10-27 19:32

Vue 3.0 自定义指令 【Vue3 从零开始】

#简介除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。
Blur Blue·2023-10-27 10:42

前端面试题——VUE

VUE面试题1、v-show和v-if的区别，v-show和keep-alive的区别答案：v-show是CSSdisplay控制显示和隐藏v-if是组件真正的渲染和销毁，而不是显示和隐藏频繁切换显示状态用
别来…无恙·2023-10-27 08:43

解决：element切换tab时table的抖动问题

百度提供的解决方案有：v-show改成v-if。由于本需求的所有tab下的表格均需要显示，所以不能使用v-if使它卸载调，此路不通。
koiy.cc·2023-10-27 06:39

Vue编写一个一键 Copy的功能（包括自定义指令和插件的方式）

除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。1.三个重要的钩子函数：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
Hellolad·2023-10-27 05:08

Vue常用指令

实现属性的动态变化v-model-实现元素的双向数据绑定v-on绑定事件(单击等)，实现事件发生调用方法v-ifv-else-ifv-else相当于if-else的用法，条件性渲染元素，true渲染，否则不渲染v-show
代码续发·2023-10-26 20:52

全面了解v-if和v-show的区别

在Vue中，v-if和v-show都是用于控制元素的显示与隐藏的指令。虽然它们看起来有些相似，但它们在实现和使用上有很大的区别。
CreatorRay·2023-10-26 05:37

vue directive全局自定义指令实现按钮级别权限控制

概念除了默认设置的核心指令(v-model和v-show),vue允许注册自定义指令，可以对普通DOM元素进行底层操作。这是一种
＊且听风吟·2023-10-26 05:34

史上最强Vue，面试、项目全靠它

vue中v-if和v-show有什么区别？computed和watch的区别计算属性compute
不会UI的前端攻城狮·2023-10-26 02:04

Vue 项目性能优化方案

项目中仍然存在项目首屏优化，Webpack编译配置优化等问题，主要从以下三个方面进行项目优：1）Vue代码层面的优化2）webpack配置层面的优化3）基础的web技术层面的优化一，代码层面的优化1.1v-if和v-show
A-fish·2023-10-25 22:38

高精度权限控制 — 自定义指令 directive

我们通常给一个元素添加v-if/v-show来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。
建安zy·2023-10-25 21:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他