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

搜索资源列表

  1. vuequickmenu是一个应用于移动端的快速导航组件

  2. vue-quick-menu是一个应用于移动端的快速导航组件。它拥有炫酷的展开和收起时的动画效果。它支持自定义菜单的显示位置，菜单的数量，颜色等属性。

  3. 所属分类：其它

    • 发布日期：2019-08-09
    • 文件大小：154624
    • 提供者：weixin_39841856

  1. vue和react等项目中更简单的实现展开收起更多等效果示例

  2. 主要介绍了vue和react等项目中更简单的实现展开收起更多等效果示例,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-08-28
    • 文件大小：91136
    • 提供者：weixin_38500117

  1. vue实现点击展开点击收起效果

  2. 主要介绍了vue实现点击展开,点击收起效果，首先我们需要定义data里面的数据，使用computed对data进行处理,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：34816
    • 提供者：weixin_38523728

  1. 基于vue展开收起动画的示例代码

  2. 主要介绍了基于vue展开收起动画的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：34816
    • 提供者：weixin_38684892

  1. vue控制多行文字展开收起的实现示例

  2. 主要介绍了vue控制多行文字展开收起的实现示例（也叫控制文字展开隐藏），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：36864
    • 提供者：weixin_38603219

  1. vue.js 实现点击展开收起动画效果

  2. 主要介绍了vue.js 实现点击展开收起动画效果，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

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

  1. vue 点击展开显示更多(点击收起部分隐藏)

  2. 主要介绍了vue 点击展开显示更多(点击收起部分隐藏)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  3. 所属分类：其它

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

  1. Vue 中文本内容超出规定行数后展开收起的处理的实现方法

  2. 主要介绍了Vue 中文本内容超出规定行数后展开收起的处理的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  3. 所属分类：其它

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

  1. vue通过指令(directives)实现点击空白处收起下拉框

  2. 日常开发中有时会有这样的需求，就是展开下拉框的时候，通过点击空白处，可以实现让下拉框收回。这里我们通过vue2.0中的自定义指令来简单实现。 貌似截图尺寸有点大(╯﹏╰) vue自定义指令 解释(参考官方文档) 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 举例: 我们要让这样一个输入框在

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：69632
    • 提供者：weixin_38606811

  1. vue和react等项目中更简单的实现展开收起更多等效果示例

  2. 前言 本文题目中虽然写有vue和react,但是并非vue和react相关知识，而是最基本的html5和css3的一些知识，之所以写vue，是因为我最近项目中用到了类似效果，我用vue相关知识实现并不雅观，用html5和css3实现，则更加完美。 项目案例 项目中有如下效果： 好多展开收起，对于这个的实现，我一开始用了vue一些比较挫的dom操作，就是父元素toggleClass一个类名，进行子元素的显示和隐藏。 由于这个方法是通用方法，项目中好多地方使用，代码大概如下： toggleSho

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：87040
    • 提供者：weixin_38707240

  1. vue实现点击展开点击收起效果

  2. 安装vue的步骤在这里就不进行赘述了，下面直接进入正题   首先定义一下data里面的数据： data () { return { toLearnList:[ 'html','css','javascr ipt','java','php' //进行显示的数据 ], showAll:false, 　　　　　　　　　　　　　　　　//标记数据是否需要完全显示的属性 } }   使用computed对data进行处理： computed:{ showLis

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：33792
    • 提供者：weixin_38538381

  1. Vue 列表上下过渡效果的实例代码

  2. 最近有个需求，一个列表上下移动要有简单过渡效果，在网上找了找没找到，可能是我搜的关键词不对？ 试了试 Vue 的 transition-group ，也没有达到预期的效果，然后就花了点时间做了一个操作Demo。 最终效果 某列的数据由 X 位置上升到 Y 位置的过渡效果 技术点 visibility: hidden v-for key 这么简单的实现哪有什么技术点，哈哈哈 实现方式 这个过渡效果一共由三部分组成： 在 Y行 位置插入 X行 位置的数据，添加一个高度展开效果，并使该行的数据不可

  3. 所属分类：其它

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

  1. vue.js 实现点击展开收起动画效果

  2. 最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），接下来分享给大家，先上效果图： vue页面： 2018年0{{index+6}}月

  3. 所属分类：其它

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

  1. Vue拖拽组件列表实现动态页面配置功能

  2. 需求描述 最近在做一个后台系统，有一个功能产品需求是页面分为左右两部分，通过右边的组件列表来动态配置左边的页面视图，并且左边由组件拼装起来的视图，可以实现上下拖拽改变顺序，也可以删除。 根据这个需求我做了下面这个demo。 功能分解 右边的组件列表，可以通过拖拽克隆到左边，拖拽结束后右边组件列表数量不会减少 左边的组件可以展开或收起 左边的组件可以上下拖拽，删除，但不可向右边拖拽 左边组件拖拽过程中不改变其展开和收起状态 demo截图 代码地址 vue-draggable-l

  3. 所属分类：其它

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

  1. Vue 中文本内容超出规定行数后展开收起的处理的实现方法

  2. 文字比较难解释，直接看图应该就懂是要做什么了。 需求 工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要这个按钮并显示所有内容。 思路首先得判断文本自否超过四行，因为这些一般都是是前端异步请求然后后端发送过来，在组长的指导下，使用了 Vue 中的 nextTick 来监听 DOM 中是数据变化。接下来主要是 css 上的思路，其实上图可以分为两部分，如下图，标号1的部分展示前面三行，标号为2的部分会根据1的行数判断缩进的大小，然后展示第四行。最后通过背景

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：200704
    • 提供者：weixin_38650951

  1. vue element-ul实现展开和收起功能的实例代码

  2. 实现效果如下：   需求： 由于后台搜索选项有很多，影响页面美观，所以一进来要隐藏一部分搜索项，只保留1行， 点击【展开搜索】按钮的时候才显示全部，点击【收起搜索】按钮又收起部分，保留1行。 需求分析： 由于不太好控制行数，因为不同屏幕尺寸展示的1行的内容并不相同（不考虑移动端），所以考虑用显示高度来控制。 解决思路： 所以这里通过控制搜索区域的高度来实现展开和收起搜索功能。 页面一进来是收起搜索状态，控制搜索区域的高度为120px,超出部分隐藏。 点击展开搜索的时候，调整搜索区域的高度为”

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：148480
    • 提供者：weixin_38699352

  1. vue控制多行文字展开收起的实现示例

  2. 这里讲一下，如何使用vue控制多行文字展开收起（也叫控制文字展开隐藏）。 效果： 这里设置了控制三行，如果超过三行会展示，“显示更多” 超出文字显示省略号。点击“显示更多”会展开所有文案，按钮变成“收起” （未超出三行的时候） （展开） （收起） 代码实现： {{introduce}} <button type=button class=btn-more v-if=isShowMore id=J_btnmo

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：286720
    • 提供者：weixin_38698149

  1. 基于vue展开收起动画的示例代码

  2. 之前用jquery实现还很简单，然后用vue就一直不行，然后在网上找了很多，又仔细看了vue官网 的过渡&动画，发现其实很简单 (可以多看vue官网 过渡&动画 实现更多效果) 1、实际效果 2、代码 .box{ height:200px;width: 200px; background-color:black; } .draw-enter-active, .draw-leave-active { transition: all 1s ease; } .draw-ente

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：27648
    • 提供者：weixin_38641111

  1. vue 点击展开显示更多(点击收起部分隐藏)

  2. 功能如下： 这里就需要一开始只显示6个数据，点击展开才显示全部 HTML里调用showdetailList： {{item.title}} {{item.name}} 6 v-on:click=changeFoldState> {{brandFold?'展开':'收起'}}</s

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：40960
    • 提供者：weixin_38548231

  1. 如何实现vue的tree组件

  2. 前言 Tree一直是大家熟知的组件，做一些大型的后台管理系统都会用到。使用树组件可以完整的展现其中的层级关系，并具有展开收起选择等交互功能。 效果 节点可以无限的递归延伸 可以展开和收起子节点 如果子节点全部选择对应的父节点也应该选中，反之父节点取消选中对应子节点也需要取消选中 API prop传递data属性，来描述所有的节点的信息 每个节点的配置描述如下 title： 展示的标题 expand 是否展开节点 checked 是否选中节点 children 子节点 以及还有

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：1048576
    • 提供者：weixin_38739837
« 12 »