element组件
文章平均质量分 50
星月I随心
这个作者很懒,什么都没留下…
展开
-
ElementUI文档是如何实现的
ElementUI文档的整体思路把用markdown写的文档拼接成vue文件(这个通过他们自己写的md-loader处理),这个vue文件和我们平时开发项目的vue组件类型(类似<template>...</template><script>export default{}</script>),再通过vue-loader处理。webpack是如何配置的 (v2.13.2)首先我们查看ElementUI的package.json文件中的scripts转载 2022-02-16 15:42:40 · 1686 阅读 · 1 评论 -
vue项目使用element组件上传excel文件
html部分<button @click="impoortExcel">导入excel文件</button> <!-- 导入人员档案 --> <!-- action 放的是导入文件的后台地址 --> <el-dialog title="导入人员档案" :visible.sync="importDialogVisible" width="66%"> <el-upload ref="up转载 2021-08-13 20:52:39 · 1518 阅读 · 1 评论 -
封装 element 的el-dialog弹窗组件
封装 element 的el-dialog弹窗组件封装组件使用组件<template> <uq-dialog :show.sync="activePopShow"> <span>你好</span> <div slot="title">这是title</div> <div slot="footer">这是底部</div> <.转载 2021-06-08 17:58:21 · 1187 阅读 · 1 评论 -
实现在vue中element-ui的el-dialog弹框拖拽及拉伸、双击全屏的两种方法 (二)
封装的拖拽代码在utils/el-drag-dialog文件夹中创建drag.js和index.js两个文件drag.jsexport default { bind(el, binding, vnode, oldVnode) { // 弹框可拉伸最小宽高 const minWidth = 400 const minHeight = 300 // 初始非全屏 let isFullScreen = false // 当前顶部高度 le原创 2020-09-22 23:44:54 · 1609 阅读 · 0 评论 -
实现在vue中element-ui的el-dialog弹框拖拽及拉伸、双击全屏的两种方法 (一)
实现在vue中element-ui的el-dialog弹框拖拽:参考:实现在vue中element-ui的el-dialog弹框拖拽1、在 utils 中新建 directives.js 文件import Vue from 'vue'/** 使用方法* 将以下代码复制到一个directives.js文件中,然后在入口文件main.js中导入:import ‘./utils/directives.js’;* 给elementUI的dialog上加上 v-dialogD...原创 2020-09-22 23:31:21 · 5130 阅读 · 7 评论