![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
昊祺吖
这个作者很懒,什么都没留下…
展开
-
使用CDN引入element-ui时改变全局配置(size,zIndex)
// import ElementUI from "element-ui";// import "element-ui/lib/theme-chalk/index.css"// Vue.use(ElementUI, { size: 'small', zIndex: 3000 })Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000}原创 2022-02-17 16:36:03 · 1074 阅读 · 0 评论 -
element-UI中的el-image加载图片自定义加载动画
前面都有 在这个里面 简书 连接地址自行观看拿到 在加载前和加载中是一个类名为el-image__placeholder的div标签,在加载后和加载出错后分别是一个div和img标签.el-image__placeholder 是加载出图片前 显示的 可以加一个 loading 的图片 这里有loading地址 也可以用 c3 自己写一个<style>/* 加载前 */.el-image__placeholder { background: url('./loadingI原创 2020-09-29 10:44:07 · 7542 阅读 · 1 评论 -
【ElementUI】DatePicker 日期选择器 设置日期,只能选择今天和未来时间
最近的 工作当中遇到一个问题,就是使用Element日期控件 DatePicker 日期选择器的时候,因为我是用于预约功能 产品说:过去的时间还能选,是想让他穿越嘛…(能穿越多好!起)哈哈哈哈本来是这样的在DatePicker 日期选择器组件上设置:picker-options=“pickerOptions” <el-row :gutter="1"> <el-col :span="13"> <el-date-pi原创 2020-07-06 16:06:48 · 3744 阅读 · 0 评论 -
element form如何在 label 前面添加必填 红星 ※而不加验证
<el-form-item label="图文详情:" :required="true"> <Ueditor ref="changeUeditor" :value="datahtml"></Ueditor> </el-form-item>添加 :required=“true”原创 2020-06-29 14:31:35 · 8700 阅读 · 3 评论 -
el-table表头与内容右边框错位问题
在用element写一个后台管理系统时遇到一个坑,el-table标签渲染出数据后表头th和内容会有错位,之前没有的 修改大小都没用 于是看百度搜索一波最终解决修改之前 虽然不大 但是别扭在全局添加 css属性 完美解决 有效body .el-table th.gutter { display: table-cell!important;}添加之后看着舒服多了 具体原因有待研究...原创 2020-06-18 14:39:33 · 1169 阅读 · 1 评论 -
ElementUI的el-tree控件用后台数据结构的生成及选择数据的回显
ElementUI tree分析业务需求后台管理里面的权限设置 需要用到树形结构 我用了ElementUI的el-tree控件数据 1.拿到所有的父节点显示在tree中<template> <el-tree :data="rootData"//数据 default-expand-all show-checkbox node-key="id"原创 2020-06-18 10:59:47 · 7437 阅读 · 0 评论 -
vue cli3项目中使用qrcodejs2生成二维码
组件的形式创建1.下载依赖npm install qrcodejs22.创建一个.vue的组件放置代码(我创建的是qrcodejs2.vue)//template中的代码<template> <div class="boxshow"> <div class="qrcode" ref="qrcodeContainer"></div> </div></template><script>impor原创 2020-06-16 10:39:41 · 1390 阅读 · 0 评论 -
前端纯js处理图片URL转Base64,Base64转二进制文件流
前端纯js处理图片URL转Base64,Base64转二进制文件流图片地址新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导...原创 2019-11-28 17:51:08 · 5119 阅读 · 0 评论 -
Webpack
Webpack一、市面上有哪些类似于Webpack的前端工程化工具【 自动化工具 】gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zh 【 小众 】parcel 【 小众 】FIS https://fis.baidu.com/...转载 2019-08-03 14:57:37 · 69 阅读 · 0 评论 -
读懂diff
diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异,是代码版本管理的基石之一。你在命令行下,输入:$ diff <变动前的文件> <变动后的文件>diff就会告诉你,这两个文件有何差异。它的显示结果不太好懂,下面我就来说明,如何读懂diff。一、diff的三种格式由于历史原因,diff有三种格式: * 正常格式(normal...转载 2019-08-02 20:30:32 · 120 阅读 · 0 评论 -
深入Vue2.x的虚拟DOM diff原理
一、前言Vue的核心是双向绑定和虚拟DOM(下文我们简称为vdom),关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》,vdom是树状结构,其节点为vnode,vnode和浏览器DOM中的Node一一对应,通过vnode的elm属性可以访问到对应的Node。vdom因为是纯粹的JS对象,所以操作它会很高效,但是vdom的变更最终会转换成DOM操作,为了实现高效的D...转载 2019-07-29 17:23:51 · 64 阅读 · 0 评论