缩放浏览器，表格+分页依旧正常展示，如下图所示：图片中涉及到 左侧的dg-table（封装过的el-table）、右侧的el-table 两种类型的样式设置由于本篇是使用了position定位来处理的，所以先要了解：Element UI 弹窗（Dialog）改成自适应高度，仅body内容部分滚动 简单的定位实现过程给想要自适应高度的div设置position:absolute;top:0;left
简单封装自己的axios首先先创建自己的index.js文件然后下载包npm install --save axios （axios包）npm install --save qs (进行序列化post请求的)1.进行环境切换配置，切换生产或者说是测试的环境先在根目录创建.env.production和.env.development文件
我的判断方式是判断各自文件里面的NODE_ENV等于什么而
任务二 Vue-cli&ElementUI1.Vue-cli1.1 什么是Vue-cliVue cli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能 Vue cli 背后集成了现代化开发的诸多功能,通过简单的命令就可以完成 "零配置"的项目环境搭建1.2 安装Vue-cli步骤在安装vue-cli前，要确认自己的电
概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由 1).后端路由是由服务器端进行实现，并完成资源的分发 后端路由性能相对前端路由来说较低，所以，我们接下来主要学习的是前端路由 2).前端路由是依靠hash值(锚链接)的变化进行实现
1.1.ie拖动有问题import Vue from 'vue';
/*
* 使用方法
* 将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可；
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。
* 给dialog设置 :close-on-click-modal="false" , 禁止点击
首先还是要明确几个概念，这里通过修改css并截图给大家介绍下，理解了这几个概念，代码写起来会得心应手许多。clientWidth，clientHeightscrollWidth，scrollHeightoffsetWidth，offsetHeightclientLeft，clientTopscrollLeft，scrollTopoffsetLeft，offsetTop1. clientWidth，
src/menu.vue <script type="text/jsx">
import emitter from 'element-ui/src/mixins/emitter';
import Migrating from 'element-ui/src/mixins/migrating';
import Menubar from 'element-ui/src/uti
/*
* 定义公共js里，在入口文件main.js中import；
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。
*/
// v-dialogDrag: 弹窗拖拽+水平方向伸缩
Vue.directive('alldialogDrag', {
bind(el, binding, vnode, oldVnode) {
一：安装及引入1.1安装方式一：用CDN引入<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui/lib
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法，方法很详细，有一定的参考价值，有需要的朋友可以参考一下，希望可以对你有所帮助。现象如下代码，img标签设置了display：block，尺寸宽度无法设定为100%img标签设置display:block，宽度无法100% 原因替换元素和非替换元素元素是文档结构的基础，在CSS中，每个元素生成了一
一个后台管理常常需要一个标签页来管理已经打开的页面，这里我们单独写一个组件来展示标签页数组。该标签页组件只做展示不涉及操作数据。标签页数组可记录已打开的数组，还能定义什么页面需要缓存，是一个重要的功能呢。首先，建立一个TagList.vue组件，里面代码如下<template>
<div
class="tag-list-cp-container"
ref="Ta
原理是 利用vue 的自定义指令功能 自定义一个指令 官方文档 下面是指令内容export default {
bind(el, binding, vnode, oldVnode) {
let resizeEvent = new CustomEvent('drag-resize',{detail:'尺寸变化',bubbles:false});
//初始化不最大化
el.
import Vue from 'vue'
/*
* 定义一个directives.js,在入口文件main.js中import './utils/directives.js'；
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。
*/
// v-dialogDrag: 弹窗拖拽+水平方向伸缩
Vue.directive('dia
今天观看学习Element的源码，看到textarea有一个自适应高度的属性，毕竟以前也接触过这方面的问题，你可以查看此处：更强大的textarea高度自适应来了解我之前写的一篇同样是实现textarea自适应高度，所以就好奇看一下它是怎么实现的。先来看一下它的源码吧（各个阶段大致的做的事情我已经标到代码上了）：let hiddenTextarea;
const HIDDEN_STYLE = `
第二章 表格和表单内容回顾HTML的基本标签有哪些HTML的标题标签和段落标签是什么HTML的文本标签有哪些如何在页面中插入图片和视频本章内容如何使用表格展示数据，如何使用表单收集数据。第一节 表格1.表格的基本结构表格的作用是用于展示数据，例如，财务报表，公交车时刻表，电视节目表。在大多数情况下，这类信息都是由列标题或行标题加上数据本身构成。下面是一个表格的基本结构: 在HTML中定
在上一篇章，和大家分享了DOM的Node节点，本篇章继续分享关于DOM的知识element，element继承自Node，在原型链上，Node是element的父级，element是Node的子级，因此element可以使用绝大部分node的属性和方法，那么element是什么呢，element就是我们常见的HTML标签，node的元素节点，也就是nodeType等于1的。一. 属性element
1、概述开发平台OS：windows开发平台IDE：vs code上一篇中已完成了electron-vue项目的创建，本篇章中则介绍在此项目基础上进行取消devtools的安装、项目结构的改造、环境变量的配置以及elementui的集成等。 2、取消devtools的安装上一篇中在启动electron-vue项目时，会等待一段时间后才正常启动应用，此时查看控制台日志能看出来是它请求安装d
最近碰到个需求，关于textarea当中，输入邮箱，通过换行来将不同的邮箱进行取值，并set到数组中，找了找，没有啥合适的，就分开步骤将其解决，现在将合并好的代码一并整理出来，如有需要直接复制使用就好。首先，是取值赋值部分：项目用的vue+ivew 以其中的Input组件为例进行值的绑定。因为用的$router.push传参，在挂载周期里，进行取值处理。其中，$route.query.notify
前两天在Vue中引入了Vue-layer插件，实现了弹出层效果。不过由于是在22寸屏下开发的，没多想，弹出层的area的长宽就设定的都是800px，效果还很好。结果那给用户看，他们是12寸的笔记本。弹出层直接撑爆了页面，无法关闭。。。 网上的解决方案大都是以下几种：  
说到打印，只要是混过职场的人，都会吧？大多数人觉得打印表格这项工作毫无技术含量，不就是一个「Ctrl + P」就能搞定的事吗。殊不知，打印里面也藏着大学问，比如很多人都不知道怎么把表格内容打印成一页，肆意浪费纸张，我都为你们在蚂蚁森林种的树感到心疼啊！那么作为一名打印过10000张纸的男人(说起来还挺自豪~)，今天就来跟大家分享一些Excel打印的技巧，希望你认真学啊，别再浪费纸了！
