element el-table表格的vue组件二次封装(附表格高度自适应)

基于vue的el-table表格二次封装组件方法 前言 在公司实习使用vue+element-ui框架进行前端开发,使用表格el-table较为多,有些业务逻辑比较相似,有些地方使用的重复性高,如果多个页面使用相同的功能,就要多次重复写逻辑上差不多的代码,所以打算对表格这个组件进行封装,将相同的代码 ... »

第一个使用 TypeScript + Vue 3.0 Composition API 重构的组件库 Element Plus 发布了 »

React & Vue2 Butterfly图编排——让数据更自由地驱动DAG

一、简介 Butterfly是由阿里云-数字产业产研部孵化出来的的图编辑器引擎,由咱们部门以及其他开发者共同维护开发,具有使用自由、定制性高的优势,已支持集团内外上百张画布,不夸张的说,我觉得可以算的上“杭州余杭区最自由的图编辑器引擎”。 可是,由于大多数用户对于原生的jquery操作还是略感繁琐, ... »

手把手教你搭建一个跟vue官方同款文档(vuepress)

前言 VuePress 由两部分组成:第一部分是一个极简静态网站生成器 (opens new window),它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 概要 基础命令 基础配置 总结 基础命令( ... »

如何在 Vite 中使用 Element UI + Vue 3

在上篇文章《2021新年 Vue3.0 + Element UI 尝鲜小记》里,我们尝试使用了 Vue CLI 创建 Vue 3 + Element UI 的项目,而 Vue CLI 实际上为我们生成了一个我们熟悉的 Webpack 工程项目。 Webpack 无需过多介绍,一个十分强大的打包工具。 ... »

实现Vue的多页签组件

在之前的博客中 关于vue的多页面标签功能,对于嵌套router-view缓存的最终无奈解决方法 有写过vue的多页签功能的解决方案 可以看到我当时那个多页签的组件还是比较简单 的,只有打开跟关闭功能,后面有不少网友找我,能不能实现刷新当前页,关闭其它页面,关闭左边页面,关闭右边页面的功能。 这几天 ... »

Vue自动化路由(基于Vue-Router)开篇

vue自动化路由 好久不见~ 若羽又开篇Vue的内容了。 年初的时候发布了第一版的ea-router自动化路由库,欢迎大家安装使用。[Github地址] [npm地址] 经历一年的使用。还是发现了不少问题和不足的地方,因此在前段时间抽空整理了所有需求并做了个规划。并发布了一个版本。下面来看看其中的原 ... »

vue uni-app项目中的tabbar

由于公司要求开发百度小程序,所以我们采用uni-app开发的方式,一套代码多个小程序都可以用,在开发小程序的时候我们也经常会使用到tabbar。当然自己写出来也是不错的。这个就来介绍uni-app中的组件tabbar的使用方法。 一:在项目目录下创建好页面导航所需要的页面 二:在uni-app查找到 ... »

el-input限制只能输入数字(开发小记)

输入框中限制通常有三种处理方法 第一种:设置type属性(不推荐) 设置type属性为number,text等等,此方法输入框的后面会有不必要样式出现 <el-input type="number"></el-input> 第二种:在属性中添加onkeyup或者oninput进行正则判断 onkey ... »

「每日一题」有人上次在dy面试,面试官问我:vue数据绑定的实现原理。你说我该如何回答?

关注「松宝写代码」,精选好文,每日一题 ​时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者:saucxs | songEagle 来源:原创 一、前言 文章首发在「松宝写代码」 2020.12.23 日刚立的 flag,每日一题,题目类型不限制,可以是:算法题,面试题,阐述题等等。 本文 ... »

vue 导入.md文件(markdown转HTML)

前言 刚接到这个需求的时候,觉得很简单(的确很简单)但是这玩意的坑真的也让人无奈。 网上找了很多的资料,都没有写出痛点(这就很难过了)。通过实践并且在我们项目中平稳运行,想分享给后面的人 我的博客上也写了100多篇文章,点击量有上万的也有个位数的,能够帮助到他人这就是写作记录的动力。 需求 vue项 ... »

vue+element对常用表格的简单封装

在后台管理和中台项目中, table是使用率是特别的高的, 虽然element已经有table组件, 但是分页和其他各项操作还是要写一堆的代码, 所以就在原有的基础上做了进一步的封装 所涵盖的功能有: 内容展示 , 操作栏 , 选择框 , 分页 , 图片渲染 , 开关 , 过滤器(时间格式化) 直接 ... »

vue3.0自定义指令(drectives)

在大多数情况下,你都可以操作数据来修改视图,或者反之。但是还是避免不了偶尔要操作原生 DOM,这时候,你就能用到自定义指令。 举个例子,你想让页面的文本框自动聚焦,在没有学习自定义指令的时候,我们可能会这么做。 const app = Vue.createApp({ mounted(){ this. ... »

Vue2+Koa2+Typescript前后端框架教程--03后端路由和三层模式配置

昨天将Koa2的基础框架和自动编译调试重启服务完成,今天开始配置路由和搭建基础的三层架构模式。 路由中间件:koa-router,即路由导航,就是我们平时使用最广泛的get/post方法执行的URL路径,其全部包括get、put、post、patch、delete、del,通过访问路径,指向不同的模 ... »

简单理解vue中的nextTick

背景 vue是异步渲染的,当data改变之后,DOM不会立刻被渲染,页面渲染时会将data的修改做整合,多次data修改只会做整合最后一次性渲染出来,这也是异步渲染的原因。只有异步渲染才可以实现整合操作。 例子 methods: { update() { for (let i = 0; i < 10 ... »

老吕教程--02后端KOA2框架自动重启编译服务(nodemon)

上一篇讲完搭建Typescritp版的Koa框架后,F5运行服务端,页面进行正常显示服务。 今天要分享的是,如果要修改服务端代码,如果让编译服务自动重启,免去手动结束服务再重启的过程。 自动重启服务需要使用nodemon工具。nodemon可以自动检测到目录中的文件更改时,通过重新启动应用程序来调试 ... »

vue3.x初探之v-model的详细使用

1、用于自定义组件时,v-model的prop和默认事件名更改了,并且移除了model选项 //父组件 <template> <div> <Child v-model="message" /> <div>绑定的值:{{message}}</div> </div> </template> //子组件 ... »

企业微信JS-SDK实现会话聊天功能

vue引入企业微信JS-SDK实现会话聊天功能 这两天在做一个对接企业微信实现会话聊天的功能, 发现企业微信文档这块儿做的不是特别详细,网上搜索也没找到特别完整的流程。 期间也踩了不少的坑, 在此进行分享, 希望大家以后能少走弯路。。 首先我们需要在 index.html 内引入jssdk inde ... »