注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. VUE元素的隐藏和显示（v-show指令)

  2. 本篇文章主要介绍了VUE元素的隐藏和显示（v-show指令)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-08-30
    • 文件大小：31744
    • 提供者：weixin_38660359

  1. Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

  2. 主要介绍了Vue实现点击当前元素以外的地方隐藏当前元素，文中给大家扩展了vue实现点击其他地方隐藏div的三种方法,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：50176
    • 提供者：weixin_38590355

  1. vue.js使用v-if实现显示与隐藏功能示例

  2. 主要介绍了vue.js使用v-if实现显示与隐藏功能,结合简单实例形式分析了使用v-if进行判断实现元素的显示与隐藏功能,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-18
    • 文件大小：28672
    • 提供者：weixin_38623272

  1. Vue.js 中的 v-show 指令及用法详解

  2. v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。这篇文章主要介绍了Vue.js 中的 v-show 指令及用法详解,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-17
    • 文件大小：49152
    • 提供者：weixin_38629274

  1. vue中使用v-for时为什么不能用index作为key

  2. 结论： 更新DOM的时候会出现性能问题 会发生一些状态bug React 中的 key 也是如此 如果已经了解 为什么要用key，可以通过目录直接跳到下一节。 为什么要用key？ Vue 和 React 都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。 Vue 和 React 的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设： 两个相同的组件产生类似的DOM结构，不同的组件产生不

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：86016
    • 提供者：weixin_38726441

  1. 基于Vue中点击组件外关闭组件的实现方法

  2. Vue定义全局点击函数，参数为点击的回调函数。 Vue.prototype.globalClick = function (callback) { //页面全局点击 $(document).click(callback); } 组件挂载后监听全局的点击事件 mounted:function () { this.globalClick(this.handleClickOut); }, 隐藏元素。 取到dom节点，判断父级是否存在来判断是否需要来关闭 handleClickOut:func

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：25600
    • 提供者：weixin_38503483

  1. Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法

  2. 在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。 1.闪现的原因 这个问题是因为Vue要等到HTML DOM加载完成后才会执行JS的编译，所以对使用的指令如 v-if , v-show 或者使用了插值表达式 {{}} 都会出现闪现的情况。因为在这些判断条件或表达式执行之前，DOM已经渲染出来了，之后Vue才会执行相应的JS代码。 2.解决的办法 其实在了解了原因之后我们就有了大概的思路，既然是在JS执行之前会出

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：75776
    • 提供者：weixin_38640473

  1. 解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题

  2. 在用vue-cli脚手架搭建手机H5页面应用的时候，其中一页中部有input，底部有position：absolute；bottom：0的元素， 当点击input框时在安卓手机上出现了： 1 虚拟键盘弹出盖住input 2 底部定位的元素被挤上来 网络上很多关于body设定宽高以及scrolltop的方法都不管用，因为这里是路由页面，根据网上的思路，吊起输入键盘的时候页面的高度是变化的，监听[removed]，判断是否吊起键盘，然后设定底部模块的隐藏和显示，整个块元素的margintop就可以实

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：40960
    • 提供者：weixin_38628647

  1. vue 实现微信浮标效果

  2. 微信的浮窗，大伙应该都用过，当我们正在阅读一篇公众号文章时，突然需要处理微信消息，点击浮窗，在微信上会有个浮标，点击浮标可以再次回到文章。 我们今天打算撸一个类似微信的浮标组件，我们期望组件有以下功能 支持拖拽 支持左右吸附 支持页面上下滑动时隐藏 效果预览   拖拽事件 浮标的核心功能的就是拖拽，对鼠标或移动端的触摸的事件来说，有三个阶段，鼠标或手指接触到元素时，鼠标或手指在移动的过程，鼠标或手指离开元素。这个三个阶段对应的事件名称如下： mouse: { start: '

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：129024
    • 提供者：weixin_38677725

  1. vue元素实现动画过渡效果

  2. 1 在 vue 中，使用 标签包含着的单个子元素在使用 v-show 或 v-if 切换显示隐藏前，会先判断是否有对应的 class 样式能匹配到该子元素上： [removed][removed] red {background-color: red; width: 100px; height: 100px;} redv-leave { margin-top: 50px; } redv-leave-active { transition: all 3s;} redv-lea

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：216064
    • 提供者：weixin_38565003

  1. vue页面加载闪烁问题的解决方法

  2. v-if 和 v-show 的区别 v-if只会在满足条件时才会编译，而v-show不管是否满足条件始终会编译，v-show的显示与隐藏只是简单的切换CSS的display属性。 也就是说，在使用v-if时，若值为false，那么页面将不会有这个html标签生成。而v-show：不论其值是false还是true，html元素都会存在，只是简单的切换css的display属性。 使用场景     一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：72704
    • 提供者：weixin_38686041

  1. VUE元素的隐藏和显示（v-show指令)

  2. 除了click单击事件，还有mouseover，mouseover等鼠标事件。 dbclick双击事件。 v-on:click/mouseover/mouseover/mousedown/dbclick/... v-show指令 v-show="true/false" //控制元素显示/隐藏 示例代码： [removed][removed] <scr ipt

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：24576
    • 提供者：weixin_38709139

  1. Vue v-for循环之click点击事件获取元素示例

  2. 应用背景 浏览论坛的贴子（数据库的数据通过vue遍历在html页面上） 点击帖子的标题、图片，可以查看详细的帖子（点击事件获取id） 1、设置一个隐藏值的放置Id的div，点击div就获取id，传参到后台（点击一部分） Vue 测试实例 - 软件开发网(mscto.com) [removed][removed] <div i

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：37888
    • 提供者：weixin_38717579

  1. 详解vue中点击空白处隐藏div的实现（用指令实现）

  2. 简单想应该怎么实现？ 1、肯定是给document增加一个click事件监听 2、当发生click事件的时候判断是否点击的当前对象 结合着本思路和指令咱们来实现。 简单介绍vue指令 一个指令定义对象可以提供如下几个钩子函数 (均为可选)： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 update：所在组件的 VNode 更新时调用，但是可能发生

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：74752
    • 提供者：weixin_38709816

  1. electron + vue项目实现打印小票功能及实现代码

  2. 一 需求： 公司项目需要通过electron调用系统打印机，实现打印小票的功能。 二、分析： electron打印大概有两种： 第一种：通过window的webcontent对象，使用此种方式需要单独开出一个打印的窗口，可以将该窗口隐藏，但是通信调用相对复杂。 第二种：使用页面的webview元素调用打印，可以将webview隐藏在调用的页面中，通信方式比较简单。 两个对象调用打印方法的使用方式都一样。 本文是通过第二种方法实现静默打印。 三、实现过程： 1、要实现打印功能，首先要知道我们的

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：60416
    • 提供者：weixin_38743602

  1. Vue.js 中的 v-show 指令及用法详解

  2. 1 用法 v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。 html： 大数据之下的锦鲤：为什么你的微博总抽不到奖 js： [removed] var app = new Vue({ el: '#app', data: { type:'技术' } }); [removed] 渲染后代码： 大数据之下的锦鲤：为什么你的微博总抽不到奖 因为元素样式

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：47104
    • 提供者：weixin_38742421

  1. Vue指令之 v-cloak、v-text、v-html实例详解

  2. v-cloak 当用户频繁刷新页面或网速慢时，页面未完成 Vue.js 的加载时，导致 Vue 来不及渲染，这就会导致在浏览器中直接暴露插值(表达式)，Vue由此也给出了解决方法。 在指定标签或整个父容器加入v-cloak指令，通过css选择器选中v-cloak，隐藏元素即可。 // html {{ msg }} // css [v-cloak]{ display:none; } // vue实例对象 => vm var vm = new Vue({ el:'#app',

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：88064
    • 提供者：weixin_38530846

  1. Vue中的v-cloak使用解读

  2. v-cloak 的作用和用法 用法： 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。官方API {{msg}} HTML 绑定 Vue实例，在页面加载时会闪烁 然后才会出现 加载完成 字样，为了效果更明显，我们可以延后加载 Vue 实例 setTimeout(() => { new Vue({ el: '#app'

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：37888
    • 提供者：weixin_38646914

  1. 使用Vue中 v-for循环列表控制按钮隐藏显示功能

  2. v-for可以把数据中的一个数组对应为一组元素 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 – 实现效果如图 需求描述： 第一个显示蓝色按钮，代表数据最终状态；其余按钮为灰色，显示数据流转记录。 返回的数据类型 前端页面代码

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：81920
    • 提供者：weixin_38719890

  1. Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

  2. 1. 绑定元素 2. mounted生命周期 3. 实现思路 页面挂载完后，监听全局点击事件 获取当前点击的元素，根据需求获取当前元素本身的属性 判断当前点击元素与要隐藏的元素是否相同 当前点击元素与要隐藏的元素不相同则隐藏 4. 最终效果 接着看下vue实现点击目标元素外页面的其他地方隐藏弹窗 方法： 步骤1：给页面最外出的元素div加点击事件：click=“popShow = false”。 步骤2：给点击目标元素加点击事件：click=“popShow = true

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：137216
    • 提供者：weixin_38645373
« 12 »