Jasmin博客

【代码】vue 之 Quill编辑器封装。

【代码】vue 之 element 图片上传组件封装。

【代码】element+vue 分页组件。

【代码】element+vue 调发软打印。

【代码】element+vue 之 v-limit 按钮操作权限。

【代码】element+vue 之图片放大器。

element+vue table上移+下移 拖拽。

【代码】element+vue table表格全部数据和已选数据联动。

element+vue 之动态form

【代码】element+vue 之预览pdf组件。

【代码】element 表单规则验证。

element + vue Table里的两列数据比大小。

element table最后一行总计

ECharts柱状图加滚动条

element+vueTable动态单元格合并

element中tooltip 二次封装

关于element 批量操作 一次只调一次接口 页面loading展示效果

自定义指令v-copy 复制

相当于一个显示隐藏 通过判断当前页面是否为iframe页面 如果是就展示 否则就隐藏

1.新建一个date-picker文件2.date-picker.vue代码<template> <div> <el-date-picker :size="sizeA" class="w125" type="date" placeholder="选择开始日期" v-model="activityInfo.start_time" :picker-options="pickerBeginDa.

<el-table ref="dragTable" :data="list" @selection-change="statisticsHandleChange" :max-height="tableHeight" @header-dragend="headerDragend" border stripe..

1.封装组件<template> <div> <el-date-picker :size="sizeA" class="w125" type="date" placeholder="选择开始日期" v-model="activityInfo.start_time" :picker-options="pickerBeginDateBefore" value-format="yyyy-

关于es6一些应用 和 其他对前后台数据的处理文章目录关于es6一些应用 和 其他对前后台数据的处理一、给数组里的对象添加一个属性二、下拉选择得到id 获取其他属性三、属性替换四、遍历数组为【1，2，3，4】五、根据条件过滤数组一、给数组里的对象添加一个属性this.data.forEach((item,index)=>{ needData.push( Object.assign({},item, {'addAttr':'addAttrContent

<template> <div class="page-container"> <div ref="toolbarHeight"> <el-card class="box-card"> <div class="title-wrapper"> <breadcrumb></breadcrumb> </div> </el-c.

在vue开发项目的过程中，需要在自己的页面框架中，引用别人做的页面功能第一步 router.js第二步 在view 下建一个IFrame》》IFrame.vue页面第一步 router.js/** * 加载动态菜单和路由 */function addDynamicMenuAndRoutes (token, userId, to, from) { handleIFrameUrl(to.meta.link,to.name) if (store.state.app.menuRouteLoade

1.el-checkbox实现表格拖拽排序功能用的awe-dnd ①安装 npm install awe-dnd --save ②在main.js中引入 import VueDND from 'awe-dnd' Vue.use(VueDND) 主要是v-dragging="{ item: item, list: tableHeadsSon, group: 'item' }"实现拖拽排序2.在components文

<el-table-column v-for="item in confirmHead" :key="item.label" :label="item.label" :prop="item.prop" :width="item.width" align="center" show-overflow-tool.

table内插入input，input默认赋值后不能编辑 <el-table-column prop="warningNum" label="预警数量" align="center" > <template slot-scope="scope"> <el-inpu

实现效果1.封装组件1.在components下建立breadcrumb.vue 文件2.封装breadcrumb组件<template> <div style="display: inline-block" class="navigation"> <el-breadcrumb separator="/" style="font-size: 15px"> <el-breadcrumb-item :to="{ path: '/' }"

1.效果图2.后端数据数据allocateResult是作为树形结构得子级 uuid是绑定 row-key用的 必须唯一 且不能为空数据接收3.table部分

一.安装screenfull1.npm install screenfull 直接安装的是最高版本的 下载的时候没报错，引用screenfull的时候就报这个错了 说是webpack.confing 文件不支持最新版本的语法问题2.卸掉后换成5.1.0 npm install --save-dev screenfull@5.1.0 换成5.1.0 就可以了二.封装screenfull组件这里我因为项目需要 部分页面全屏 如果不需要直接 screenfull.toggle();<temp

1.封装directives.jsimport Vue from 'vue'Vue.directive('dialogDrag', { bind (el, binding, vnode, oldVnode) { // 弹框可拉伸最小宽高 let minWidth = 400 let minHeight = 300 // 初始非全屏 let isFullScreen = false // 当前宽高 let nowWidth = 0

<template> <div> <el-table ref="topTable" :data="tableData" style="width: 100%" border :max-height="tableHeight" stripe :cell-style="$style.cellStyle" :header-cell-style="$style.rowClass"

<template> <div class="page-container "> <el-card class="box-card"> <div class="title-wrapper"> <breadcrumb></breadcrumb> <span class="pushButton"> <el-button type="primar.

<el-form-item label="安装包:" prop="packageUrl"> <el-upload class="upload-demo" drag action="string" :show-file-list="false" :headers="headers" ...