您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. vue封装一个简单的div框选时间的组件的方法

  2. 主要介绍了vue封装一个简单的div框选时间的组件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:66560
    • 提供者:weixin_38558246
  1. vue实现的树形结构加多选框示例

  2. 主要介绍了vue实现的树形结构加多选框,结合实例形式分析了在之前递归组件实现vue树形结构的基础之上再加上多选框功能相关操作技巧,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:73728
    • 提供者:weixin_38628310
  1. Vue + element 实现多选框组并保存已选id集合的示例代码

  2. Vue + element 实现列表复选框并保存已选id集合 1.引用element组件多选框组,checkList为提交后台数据得数组,tableData为数据源 2.初始化tableData集合 3.循环遍历需要显示得值 4.在多选框组上添加chang事件 tableData: [{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04',
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:27648
    • 提供者:weixin_38516040
  1. Vue快速实现通用表单验证的示例代码

  2. 本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在这个过程中发现:首先,只要有依赖jQuery的组件,譬如Kendoui,即使使用了Vue,依然需要通过jQuery去操作DOM。其次,只有有通过Rozar生成的DOM,譬如Html
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:294912
    • 提供者:weixin_38665162
  1. vue实现的树形结构加多选框示例

  2. 本文实例讲述了vue实现的树形结构加多选框。分享给大家供大家参考,具体如下: 前面说了如何用递归组件来写vue树形结构,写了树形结构还要在前面加多选框,然后往数组里push选项,并在左边显示出来,然后左边进行拖拽排序,拖拽排序上一篇文章我已经介绍过了,在这我就不介绍了,如何用阿里巴巴矢量图标库我也有相关文章,也不介绍了,本节主要介绍vue树形结构加多选框,并实现一定的逻辑,比如全选,单选,全选和单选之间的联动 先看下目录结构 下面我直接贴下代码 首先是pages文件夹中tree.vue页面中引
  3. 所属分类:其它

    • 发布日期:2020-11-26
    • 文件大小:113664
    • 提供者:weixin_38652058
  1. Vue快速实现通用表单验证的方法

  2. 本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在这个过程中发现:首先,只要有依赖jQuery的组件,譬如Kendoui,即使使用了Vue,依然需要通过jQuery去操作DOM。其次,只有有通过Rozar生成的DOM,譬如Html
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:291840
    • 提供者:weixin_38685831
  1. vue多级多选菜单组件开发

  2. 本文实例为大家分享了vue多级多选菜单组件的制作方法,供大家参考,具体内容如下 要开发一个这样的多级多选菜单组件,功能是: 点击父标题栏可以打开与折叠子列表 点击父标题栏的勾选图标可以全选或取消子列表 点击子列表的勾选图标达到全选时,父标题栏的勾选图标自动勾选;反之,没达到全选时,父标题栏的勾选图标自动取消勾选 当所有父标题栏的勾选图标达到全选时,最底下那个全选框自动勾选;反之,没达到全选时,最底下那个全选框自动取消勾选 点击最底下那个全选框可以全选或取消全部的勾选图标 所以总结起来我们重点要
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:96256
    • 提供者:weixin_38520437
  1. vue封装一个简单的div框选时间的组件的方法

  2. 前言 新年第一篇文章,记录一下我前段时间封装的一个vue组件吧。技术需要积累,有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果,其实没有什么好的方法,就是获取鼠标事件,根据鼠标的位置,动态创建一个跟随鼠标的div。【注:这种方式需要依赖position的定位方式,一般鼠标事件位置是针对全局的,所以鼠标框选的div 位置的position最好父级元素是根元素的定位。不然,鼠标框
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:75776
    • 提供者:weixin_38655011
  1. vue日期组件 支持vue1.0和2.0

  2. vue-datetime 使用vue编写的时间组件,小巧实用,支持vue1.0,vue2.0 v1.0 功能: 1.支持同时展开多个日期选择框 2.支持单击选中和取消,可配置单选和多选 3.支持双击启动连续选择,支持正向连续,逆向连续和跳跃不可选日期 4.支持在日期选择框内直接切换月份 5.支持初始化不可点击日期(剩余的可选择) 6.支持初始化已选择日期(已选择日期高亮) 7.支持初始化可选择日期(剩余的不可选择) 8.同时初始化不可点击和可点击日期,将以可点击日期为准 v1.1: 1.修
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:62464
    • 提供者:weixin_38612437
  1. vue.js实现含搜索的多种复选框(附源码)

  2. 前言 最近在重构一个复选框组件,原型是select2这个jQuery插件, 有兴趣的可以去搜下,封装的很好,但是并不能满足业务所有需求,最要命的是jquery插件这种以dom驱动数据的库,并不能和vue和angular这种数据驱动dom的框架很好的结合,所以我用vue的component重构了一下,走了不少弯路,做的demo分享出来,还请大家指点一二! download地址:vue_select2(jb51.net).rar 效果图如下,封装的应该是蛮抽象的了,只需要传入下拉框选项list,
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:62464
    • 提供者:weixin_38678057
  1. Vue.js子组件向父组件通信的方法实例代码详解

  2. 一、场景描述: 曾经有个电商项目,其中有个“老带新”模块,而且该模块新增的入口很多,但是新增后展示效果还不一样,当时就考虑将新增的组件单独拿出来,其实就是一个子组件向父组同步数据的过程。 当然,背景不重要了,关键是看实现的方式。 二、场景展示效果 (PS:展示效果请忽略美感)   三、如何实现 注意:Vuejs架构通过vue-cli 3.X搭建的项目,版本无所谓。 1、先看下目录体系,下图子组件放在components文件夹内,模拟子组件为itemAdd.vue,父组件视图放在views文件夹内
  3. 所属分类:其它

    • 发布日期:2020-12-08
    • 文件大小:77824
    • 提供者:weixin_38592134
  1. 在vue+element ui框架里实现lodash的debounce防抖

  2. 事情起因在:我使用element ui框架里的远程搜索框,在单选时,组件内部已经做了防抖,query是在一段时间内的字符串。但是在多选时,并没有做防抖,而是每输入一个字符都要向后台发一次请求,所以必须防抖,官方推荐使用lodash的debounce 在解决这个问题时,我遇到的坎儿主要有以下: 我首先在项目里用npm安装lodash,先全局安装,然后安装到项目 npm install -g lodash npm install --save lodash 安装后,我就在我要用防抖的组件里,引入l
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:46080
    • 提供者:weixin_38635323
  1. Vue快速实现通用表单验证功能

  2. 本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在这个过程中发现:首先,只要有依赖jQuery的组件,譬如Kendoui,即使使用了Vue,依然需要通过jQuery去操作DOM。其次,只有有通过Rozar生成的DOM,譬如Html
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:299008
    • 提供者:weixin_38649315
  1. 微信小程序自定义多选事件的实现代码

  2. 要实现下图的效果(自定义多选单选),大多数公司项目的多选框都是自己设计的,所以用原生标签或者组件是不可行的,最简单的是自己绑定事件,然后切换选择和未选择的图片。而小程序和vue一样是没法操作dom的,所以要利用数组的下标和自定义属性来进行三元判断。 直接上代码: wxml: /**用wx:for来进行列表渲染**/ {{item.message}} /**利用数组的下标index来进行判
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:53248
    • 提供者:weixin_38613330
  1. vue3-file-selector:一个Vue 3无头文件选择器组件-源码

  2. vue3-文件选择器 Vue 3无头文件选择器组件。 如何使用 该库包括一些用于拖放支持的文件选择器的无头组件。 这是零件: FileSelector :需要使用的主容器 Dropzone :处理拖放逻辑,不需要使用 DialogButton :无需样式即可在单击时打开文件对话框的按钮 基本例子 这是一个带有拖放操作和所选文件列表的基本示例。 < div class = " block w-full h-64 rounded-lg bo
  3. 所属分类:其它

    • 发布日期:2021-03-03
    • 文件大小:4096
    • 提供者:weixin_42146086
  1. vue-easytable::watermelon:表组件数据网格数据表。支持虚拟滚动,固定列,固定表头,分组标题,过滤器,排序,单元格省略号,行扩展,行复选框..-源码

  2. 容易看清 English | 介绍 基于vue2.x的灵活表组件。 v2.0新版本 完成版本1.0的重写。 基于JSX语法重写,参数命名规范化,事件命名规范化等 国际支持 支持自定义主题和内置两个主题 支持虚拟滚动 支持行展开 支持自定义单元格内容。 基于render功能 支持自定义事件 支持单元省略号 支持加载组件 添加单元测试> 85%的覆盖率 正式文件更新 有关更多信息,请参阅 特征 便于使用 强大的 单元测试覆盖率大于85% API与范例 技术支持 如果没有您想要的功能, 安
  3. 所属分类:其它

    • 发布日期:2021-02-28
    • 文件大小:1046528
    • 提供者:weixin_42111465
  1. vue-tree:基于Vue.js 2.0的树和多选组件-源码

  2. The document is poorly written and you are welcome to refine your documentation in the process of using it to better help others. 版本:2.x() QQ Group: 255965810 we guess you may also see 在线演示 SelectTree API 最新版本具有支持下拉树的功能,并使用相同的基本属性和事件(与一致)扩展了以下内容 参
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:323584
    • 提供者:weixin_42122432
  1. 表单生成器:PHP表单生成器,快速生成现代化的表单,支持前放置分离。内置布局,单选框,输入框,拖放选择框,省市区三级联动,时间选择,日期选择,颜色选择,文件图片上传等17种常用组件-源码

  2. 造模者 PHP表单生成器,快速生成现代的表单表单。包含布局,单选框,输入框,拖放选择框等元素以及省市区三级联动,时间选择,日期选择,颜色选择,树型,文件/图片上传等功能。 文件 环境需求 PHP> = 5.4 支持UI 视点 元素UI 功能介绍 内置17种常用的表单组件 支持表单验证 支持生成任何Vue组件 支持高层布局 支持注解 可以配合生成更复杂的表单 内置组件 隐 输入 inputNumber 复选框 无线电 开关 选择 自动完成 级联器 选色器 日期选择器 timePicke
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:348160
    • 提供者:weixin_42165980
  1. formvuelar:考虑服务器端验证的Vue表单组件-源码

  2. 考虑服务器端验证的Vue表单组件 关于 FormVuelar是一组预定义的Vue表单组件,旨在自动显示从后端返回的错误。 它具有开箱即用的功能,并带有Laravel在提交ajax表单时返回的错误消息包。 例子 文献资料 产品特点 与Laravel开箱即用 Axios集成 使用搜索和远程源选项进行选择 嵌套复选框 文件上传支持,包括进度指示 使用图像预览上传图像 带图片预览的Dropzone(受FilePond启发) 显示来自错误响应的验证错误消息 支持Tree Shaking(仅将使用过的组
  3. 所属分类:其它

    • 发布日期:2021-02-03
    • 文件大小:1048576
    • 提供者:weixin_42122838
  1. pretty-checkbox-vue:快速将漂亮的复选框组件与Vue.js集成-源码

  2. 快速将组件(复选框,开关,单选按钮)与 Demo and documentation 安装 npm i -- save - dev pretty - checkbox - vue 浏览器 包括脚本文件,然后使用Vue.use(PrettyCheckbox);安装组件Vue.use(PrettyCheckbox); 例如: Vue . use ( PrettyCheckbox ) ; 模组 import PrettyCheckbox from 'prett
  3. 所属分类:其它

    • 发布日期:2021-01-31
    • 文件大小:119808
    • 提供者:weixin_42122432
« 12 »