w_t_y_y的博客

vue获取后端重定向response.sendRedirect(url);页面的参数：export const getUtlParam = url => { url = url ? url : window.location.href.substring(0, window.location.href.length - 2); let str = url.substring(url.indexOf('?') + 1); let arrs = str.split('&');

1、按照视频预览插件：cnpm install --save video.js2、代码：<!-- @format --><template> <div> <!--图片--> <div v-if="imgShow"> <img :src="downloadUrl" /> </div> <!--doc，excel--> <div v-else

一、不换行：块级元素默认超出长度（高度）自动换行，如果想要不换行：white-space: nowrap;这时候超出部分会延伸，想要加overflow属性来控制延伸的部分如何展示overflow | overflow-x | overflow-y有以下几个属性（1）auto：自动，超出加滚动条；（2）scroll：始终展示滚动条；（3）hidden ：隐藏；（4）inherit：规定应该从父元素继承 overflow 属性的值。...

一、介绍：是使用 XML来描述二维图形和绘图程序的语言，可缩放矢量图形。Internet Explorer9，火狐，谷歌Chrome，Opera和Safari都支持SVG。IE8和早期版本都需要一个插件 - 如Adobe SVG浏览器，这是免费提供的。SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准

现有两个横向排列的div，希望两个div高度保持一致，有以下方法：

VUE路由跳转可以通过name跳转页可以通过path跳转，带参数的话参数可以封装在params中也可以封装在query中。1）params传参数：类似post，html 取参 $route.params.id，script 取参 this.$route.params.id，刷新页面参数消失；2）query传参数： 类似get,url后面会显示参数，html 取参 $route.query.id，script 取参 this.$route.query.id，刷新页面参数还在。一、router-li

新建一个js文件，如我的export const list1 = [ { code: 'abc', id: 1 }, { code: 'def', id: 2 },];export const list2 = [];export const list3 = [];引用：import { list1 , list2,list3 } from '../common/module.js';注意imoprtt引进的内容不可以用this去指向，可以在data中定义一个变量，在钩子函数

1、../ 表示本目录的上级2、./表示本目录的同级，如 在index.js中引用App.vue使用importAppfrom'./App';再如index.vue和common是同级，在index.vue中引用columnData.js使用：import{schooColumnsData}from'./common/columnData.js';...

一、介绍二、举例说明：

用vue-cli生成一个项目后，src目录下的assets目录和根目录下的static目录都是存放静态文件的。assets里的文件编译过程中会被webpack处理理解为模块依赖，只支持相对路径的形式。assets放可能会变动的文件；static里的文件不会被webpack解析，会直接被复制到最终的打包(默认是dist/static)下，必须使用绝对路径引用这些文件。static放不会变动的文件。如放置下载模板：<a href="static/download/user.xlsx" downloa

1、实现隐藏x轴，y轴，刻度线，网格yAxis: { show: true, type: 'value', splitLine:{show: false}, //去除网格线 nameTextStyle:{ color:'#abb8ce' }, axisLabel: { color:'#abb8ce', }, axisTick:{ //y轴刻度线 show:false }, axisLine:{ //y轴 show:fal

1、修改vue element自带样式：加上/deep/，如： .myinput /deep/ .el-input__inner { border: none; margin-bottom: 0px; height: 100%; } /deep/ .el-select__tags { white-space: nowrap; overflow: hidden; }el-input__inner、el-select__tags均为element自

1、绑定值为字符串类型：<el-date-picker placeholder="考试开始时间" align="center" value-format="yyyy-MM-dd" format="yyyy-MM-dd" class="long" v-model="startTime" placement="bottom-start

一、列表渲染中，有时候列表数据量比较大，一次性渲染页面会卡顿。如我有个users对象数组，这个users是动态添加的，支持删除操作。1、一次性加载的写法：<div class="user-col scoll-col"> <div class="user-item" v-for="(user, index) in users" :key="index"> {{ user.userName + '(' + user.userAccount + ')' }}

一、举例：现有通讯录，点击出现通讯录选择弹框。弹框右侧为选择的用户列表，可以点击删除，左侧默认为角色列表，可以勾选角色，也可以点击角色进入角色详情页勾选具体的用户。还可以在左侧上方搜索用户名或者账号出来用户列表来勾选。其中，角色列表复选框、搜索用户列表复选框、选中的用户列表复选框，三者的选中状态需要关联（不勾选、半选、全选）。代码实现：1、父组件：<div class="user-div" @click="openSelectUserDialog"> &...

一、label加空格：直接使用&nbsp;是不生效的，需要加slot插槽：<el-form-item> <label slot="label">&nbsp;</label> <el-button @click="getList" size="mini" type="primary">搜索</el-button> </e

一、一次性渲染大量数据问题如业务场景是后台一次返回10万多条数据需要在下拉框中展示：<template> <div class="content"> <el-select v-model="choose" size="small" v-el-select-loadmore:rangeNumber="loadMore(rangeNumber)"> <el-option v-for=

https://element.eleme.cn/#/zh-CN/component/table一、el-table-colunm自定义：scope="scope" <el-table :data="userList" > <el-table-column property="userName" label="用户名"></el-table-column>

一、二、样式：1、修改选中项的样式：f12可以看到，选中后，class多了一个is_action：所以给is-active加样式即可： /deep/ .el-tabs__item.is-active { color: #ffffff; background-color: #538dd5; }...

一、正整数输入框：<el-input type="number" v-model="money" @keyup.native="handleNumber($event)"/> //输入正整数 handleNumber(e) { // 通过正则过滤小数点后两位 //e.target.value = e.target.value.match(/^\d*(\.?\d{0,1})/g)[0] || null; var keynum = wind

可选择的tree，默认选中部分节点，并获取全选中和半选中的节点：<template> <div> <el-tree show-checkbox :data="menus" :props="defaultProps" node-key="id" ref="tree"></el-tree> <el-button type=......

效果图：1、页面：<template> <div class="app-container"> <el-row class="location-query"> <el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</...

NavMenu第一篇的几个例子，固定的菜单中菜单层级是在<el-menu>只写死的，动态菜单权限中层级也是由后台代码排好的(父子关系)，到前端接收的menuList可以直接循环渲染了。现在后端只传回有权限的菜单编码，层级关系放在前端路由配置，然后根据路由与后端返回的菜单编码过滤用户权限。一、多级路由：之前的路由均为二级路由（当然也可以写成多级路由），如果需要配置多级路由，嵌套多层children就可以了，其次要注意component。最外层component指向导航页即NavMenu菜单页面

navmenu组件

el-row和el-col可以很好的控制块级、行级布局，建议：在div中嵌套el-row。

组件网址http://element-cn.eleme.io/#/zh-CN