开源Vue表格组件表格插件源码前言:关于html里面原生的table,通常满足不了程序员的要求。所以开发了一款表格插件,请访问:这里!! 查看表格插件效果。2.如何获取该插件1 点我...
前言找了一些在 Vue 方面经常出现的面试题,留给自己查看消化,也分享给有需要的小伙伴。如果文章中有出现纰漏、错误之处,还请看到的小伙伴留言指正,先行谢过。废话不多说,开启面试模式↓1. 说一下 Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是:采用数据劫持结合“发布者 - 订阅者”模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter、
ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格
原创 2023-10-08 10:46:08
285阅读
一:前言二:正文1:示例展示单选多选index.vue<template> <el-select ref="select" v-model="defaultValue" :title="isNeedTitle ? getTitle() : null" :clearable="false" :multiple="multiple"
转载 2024-03-30 17:02:55
400阅读
目录实现原理性别选择器实现代码使用方法:效果如下仿百度搜索栏实现代码使用方法效果图注意项实现原理主要参考vue官网上的自定义事件,父组件v-bind给子组件传参数,子组件利用props来接受父组件那边传过来的参数。我们还会遇到一个问题,怎么实时拿到props的值给data里面的值呢?其实很简单,利用watch属性监听props某个值的变化,把新的值给data;拿值拿到了,就根据业或UI的需求实现页
转载 2024-07-08 17:39:50
722阅读
文章目录1.案例部分代码2. 简述3.案例代码1.案例部分代码 <a-table :colum
原创 2022-09-07 06:52:19
771阅读
大部分项目都需要一个菜单栏进行切换,所以学习了一下怎样封装一个tabbar组件,这样以后使用的时候可以直接拿来使用。1.路由router首先是路由的设置,这个在之前的随笔中已经写过相关的使用方法。说一下使用tabbar,在标签栏下面点击切换页面的时候,跟随到不同的路径,就需要配置相关的router,根据不同的路径展示不同的页面。入口App中的div:<div id="app">
转载 3月前
45阅读
建议先阅读下面的文章: 条件渲染 — Vue.jscn.vuejs.org 用vue的时候,如果你开发的页面有很多的局部状态,那么你很大几率会遇到组件重渲染的烦恼。举个例子: 这是一个逻辑很复杂的web视频编辑器,用户可以在各个编辑项目之间来回切换。当用户进行项目切换的时候,我们一般的做法是,调用这个编辑器组件的fetchData方法,让所有相关数据重新拉取并重新
在现代的移动应用开发中,用户体验是重中之重,尤其是在时间选择的场景中,iOS 风格的圆盘时钟选择组件以其直观、易用的操作渐渐成为了多种应用的标配。本博文将详细介绍如何构建一个“vue ios圆盘时钟选择组件”,包括其背景、性能指标、功能特性、实用对比、深度原理以及生态扩展。 适用场景分析 随着移动互联网的发展,用户对时间选择的需求日益增加。尤其是在日历、预约、闹钟等应用中,传统的下拉选择框显得过
原创 6月前
94阅读
时间选择组件
原创 2023-01-30 11:38:14
788阅读
1点赞
封装vue3+element-pluse+ts通用表格组件实现后台快速开发
原创 2023-11-07 15:00:20
389阅读
:://../Leo_wl/p/5522299.html 有一段时间没更新文章了,主要是因为自己一直在忙着学习新的东西而忘记分享了,实在惭愧。 这不,大半夜发文更一篇文章,分享一个自己编写的一个Vue的小组件,名叫BootPage。 不了解Vue.js的童鞋可以
转载 2016-06-02 12:47:00
123阅读
2评论
04==》v-if下面可以嵌套 同级的 v-if 和v-node如下若是第一个v-if没有下面的就不可能显示出来的。 <span v-if="!single" @click="handleStop(scope.row)"> <a v-if="scope.row.status == 0">停用</a>
原创 2022-09-01 17:53:49
255阅读
公司前端框架使用element plus,自带的table比较基础,稍微复杂一点的功能就需要手搓或者引入其他组件库,所以查找了一下其他功能更完善的table组件,结果如下: 1.AG Grid 英国一家公司产品,据说功能强大,国内用的较少,对应中午文档就少,社区版开源免费,复杂一些的功能,如导出需要 ...
转载 14天前
348阅读
vxetablevue-good-table vue-easytable
原创 2023-04-29 07:48:01
420阅读
vue日期选择组件(vue persian datepicker)This is a Jalali date picker component for Vue. 这是Vue的Jalali日期选择组件。 View demo 查看演示 Download Source 下载源 (Universal Module Definition(UMD))In orde
转载 2024-01-08 15:06:19
79阅读
vue项目一直在用的pc端后台管理系统的组件库是ElementUI,但是在最近的项目
转载 2021-12-24 13:46:59
3084阅读
在经过初始化阶段之后,即将开始组件的挂载,在挂载之前有必要了解下虚拟Dom 的概念。我们知道vue@2.0 开始引入了虚拟dom, 主要解决的问题是, 大部分情况下可以降低使用Javascript 去操作跨线程的庞大dom所需要的昂贵性能,让dom 操作的性能更高效; 以及虚拟Dom可以用于SSR以及跨端使用。 虚拟Dom, 顾明思议并不是真实的Dom, 而是使用javascript 的对象来对真
转载 2023-12-29 19:45:02
118阅读
Vue组件化的特性让页面开发变的很简单,往往开发者一直在处理父子组件之间的业务逻辑关系,这篇博文根据一个小Demo,了解父子组件的用法! 文章目录1.组件的概念起步2.父组件引用子组件3.父组件与子组件实现数据双向绑定4.父组件调用子组件的方法5.子组件调用父组件的方法 1.组件的概念组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、wat
转载 2024-03-21 23:12:54
398阅读
vue虚拟列表-vue-virtual-scroll-list vue虚拟列表-vue-virtual-scroll-listvue虚拟列表-vue-virtual-scroll-list使用场景安装使用 使用场景因为公司做了类似于百度网盘的竞品,所以用户如果上传了很多的文件,就会造成页面DOM元素的过多,然后因为需要操作DOM元素,所以页面会变得很卡。所以用虚拟列表来解决。安装安装的话这个插件有
转载 2024-01-12 06:41:40
1391阅读
  • 1
  • 2
  • 3
  • 4
  • 5