##element-ui 第123页

【蠢哭系列】unknown custom element

尝试了一下前后端分离的开发模式，然后自己试着用Vue写了两个页面，调试看效果的时候一直报错unknowncustomelement，凡是用到element-ui的元素都不能被识别。

想转IT的机械君·2020-07-27 15:00

VUE首屏加载优化

（1）组件按需加载;对Element-UI,Mint-UI组件进行按需加载；（2）路由组建懒加载；异步加载consthome=resolve=>require(['@/home.vue'],resolve

东京的雨不会淋湿首尔·2020-07-27 14:50

el-select 的value-key用法

element-ui的组件el-select的value-key作为value唯一标识的键名，绑定值为对象类型时必填用法如下:这里标注下注意点:绑定值为对象类型,value-key必填例子中id为对象item

无尘粉笔·2020-07-27 13:06

自定义element-ui table内容

本文参考：https://blog.csdn.net/qq_32610671/article/details/90731672cell-style自定义单元格字体样式image.png{{scope.row.confirm?'已确认':'确认'}}methods:{cellStyle(row,column,rowIndex,columnIndex){//根据报警级别显示颜色//console.lo

kevision·2020-07-27 13:06

springboot/element-ui登陆操作/前后端分离（文字版）

#springboot/element-ui登陆操作/前后端分离（文字版）##1.1流程（前端）1使用vue-cli脚手架创建vue项目2在终端输入命令安装axios和element-ui3在main.js

背道而驰，终归原点·2020-07-27 12:25

封装element-ui表格，我是这样做的

使用过element-ui的表格的同学应该都有这样的体会，做一个简单的表格还比较容易，但如果这个表格包含了顶部的按钮，还有分页，甚至再包含了行编辑，那开发工作量就成倍的增加，特别是在开发管理系统的时候，

子君·2020-07-27 10:29

从element-ui按需引入去探索

element-ui的按需引入的配置：文档地址npminstallbabel-plugin-component-D{"presets":[["es2015",{"modules":false}]],"plugins

刨根·2020-07-26 22:00

vue element-ui 表格中修改文字颜色/格式化日期

需求：根据后台返回的状态码来判断并且修改返回值的颜色后台返回的时间戳格式化为：年--月--日--时--分--秒或者年--月--日需求一：最终效果第一种方法{{formatOrderState(scope.row.status)}}{{formatOrderState(scope.row.status)}}{{formatOrderState(scope.row.status)}}第二种方法{{fo

web30·2020-07-24 15:30

级联选择懒加载更改element-ui级联选择可选项

先选类型再级联选择内容改变类型会改变级联选择的可选内容有食品家居用品衣服三个类型选择不同的类型后级联选择内容选某一公司然后懒加载出来该公司不同的商品选中某个商品结束关键点在于更改不同类型后级联选择的可选公司会变动并且选中公司后懒加载商品也会更新此处我们只做二层级联选择Element-ui

Embrace924·2020-07-24 14:51

Added non-passive event listener to a scroll-blocking 'mousewheel' event. Co

在基于Element-ui写项目的时候，Chrome提醒：[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive

走在路上的低级弟弟·2020-07-24 11:37

Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目

SpringBoot项目实战之后端业务处理Vue整合SpringBoot项目实战之动态路由处理Vue整合SpringBoot项目实战之Vue+SpringBootVue整合SpringBoot项目实战之Element-ui

RelyC·2020-07-23 20:03

vue组件库用markdown生成文档

流行的组件库element-ui的文档就是用markdown写出来的，看了看其处理md的程序后，自己也决定写一个类似的处理程序，研究一下其中的细节。技术点1.markdown-it处理markdo

刨根·2020-07-22 13:00

详解element-ui动态限定的日期范围选择器代码片段

element-ui的日期选择器的组件是el-date-picker.设定pickerOptions2，data(){return{pickerOptions2:{disabledDate:theDa

·2020-07-20 18:24

element-ui的table表格实现单选效果

效果图安装Element-uinpmielement-ui-S引入Element-ui 在main.js文件里引入并注册(这里是Vue3.0的模板)importVuefrom'vue'importAppfrom

半度℃温热·2020-07-18 11:48

Element-ui项目打包后icon图标不显示

https://blog.csdn.net/weixin_41346436/article/details/104841908问题原因：查看/build/webpack.base.conf.js文件可以发现，woff或ttf这些字体会经由url-loader处理后在static/fonts目录下生成相应的文件image.png也就是说实际应该通过/static/fonts/路径来获取字体图标，而实

leileizhang2020·2020-07-18 09:00

时间选择器组件之关于table走过的弯路

element-ui有原生的时间选择器，但是，在我们的交互设计师是根据地图实际应用场景中的特性抽象组件，element-ui的样式以及

腾讯位置服务·2020-07-17 12:30

使用element-ui +Vue 解决 table 里包含表单验证的问题

应用场景：在实际使用中经常会遇到需要在Form表单中使用table表格进行表单提交，同时又需要对table的字段进行校验，效果如图所示：这个校验中，最关键的问题在于如何给el-form-item动态绑定prop。:prop="'tableData.'+scope.$index+'.字段名'"方法一：submitexportdefault{data(){return{fromData:{domain

·2020-07-17 09:56

最全vue的vue-amap使用高德地图插件画多边形范围

的框架下的main.js(或者main.ts)中引入高德插件，代码如下：importVuefrom'vue'importVueAMapfrom'vue-amap'importElementUIfrom'element-ui'importAppfrom

糊涂蜗牛·2020-07-17 09:00

Vue element-ui父组件控制子组件的表单校验操作

方法一：父组件代码：保存importchildFormfrom'./childForm'exportdefault{data(){return{addForm:{name:"",desc:""},}},//组件引用components:{childForm},methods:{//保存校验saveForm(){letflag=this.$refs['childRules'].validateFor

·2020-07-17 09:34

[项目练手笔记-谷粒商城（SpringCloud Alibaba+vue前后端分离）]day03-day07商品信息三级分类API的编写（使用Element-ui树形组件）

[项目练手笔记-谷粒商城（SpringCloudAlibaba+vue前后端分离）]day03-day07三级分类API一、获取三级分类树形列表一、controller调用/***查询所有产品，并以属性列表展示*/@RequestMapping("/list/tree")//@RequiresPermissions("product:category:list")publicRlist(){Lis

叶落雨飘·2020-07-16 09:50

Vue 脚手架与element-ui

1、Vue脚手架的基本用法Vue脚手架用于快速生成Vue项目基础架构，其官网地址https://cli.vuejs.org/zh/使用步骤1.安装3.x版本的Vue脚手架：npminstall-g@vue/cli基于3.x版本的脚手架创建vue项目//1.基于交互式命令行的方式，创建新版vue项目vuecreatemy-project//2.基于图形化界面的方式，创建新版vue项目vueui//3

good法乐·2020-07-16 07:22

js 常用方法集

/store/index'//存数据import{Message,MessageBox,Notification}from'element-ui'exportdefault{//请求ajaxLogin:

小墨宝·2020-07-16 07:33

element-ui之upload上传与后台接收参数

页面：选取附件上传到服务器js:data(){return{fileData:{fileId:'',fileType:'',fileDesc:'',filePath:'',},},methods:{getfileData(){returnvm.fileData},submitUpload(){this.$refs.upload.submit();},handleRemove(file,fileLi

小码蚁啊·2020-07-16 06:58

element使用el-tabs导致浏览器卡死

官网代码用户管理配置管理角色管理定时任务补偿我的版本"element-ui":"^2.0.11","vue":"^2.5.2",查资料发现有人说以下写法可以...尝试未果最终发现把用户管理改为即el-tab-pane

qq_34815188·2020-07-16 06:56

Vue 使用 element-ui组件中 el-upload 上传图片

默认已经引进element-ui组件简单的使用可查看官方API列出自己在使用中遇到的问题无法在手机中使用刚开始用下面的语句限制上传文件的类型accept=".jpg,.jpeg,.png,.gif,.bmp

毛没齐·2020-07-16 06:36

element-ui 是基本的页面结构

卸载vue-clinpmuninstallvue-cli-g安装vue-clinpminstall-g@vue/cli标签el-container整个页面框架el-aside构建左侧菜单导航一选项1选项2选项3选项4选项4-1el-menu左侧菜单内容属性el-submenuel-menu的子元素index文本类型，不能数字类型实现一个基本页面结构4个子功能模块，动态加载App.vuerouter

小汪4code·2020-07-16 05:21

vue.js中vuex状态管理的实现与模块化

本文采用的前端组件为ElementUI，所以需要在使用vuecli搭建前端工程，后继续安装npminstallelement-ui，并在main.js中引入main.js代码：importElementfrom'element-ui

Fane_csdn·2020-07-16 05:09

vue全局插件的一次载入和全局函数的定义

router'importVueResourcefrom'vue-resource'importaxiosfrom'axios'importVuexfrom'vuex'importElementfrom'element-ui'importechartsfrom'echarts'impo

Fane_csdn·2020-07-16 05:38

element-ui 使用 el-tab-pane 浏览器卡死，el-tab，el-tab-pane版本不兼容

问题描述：由于需要使用element-ui的新组件，于是将其升级到最新版本(2.13.2)，然后启动项目。

在下不才-程序员·2020-07-16 05:12

Vue入门 IDEA创建vue项目并安装UI框架ElementUI--1

window环境中IntelliJIDEA创建vue项目一、安装node.js二、安装vue-cli脚手架三、使用IntelliJIDEA创建vue项目四、运行vue项目五、安装Element-ui一、

既来安之·2020-07-16 03:38

一步步教你搭建一个完整的前端项目（基于vue 2、vuex、element-ui 2、webpack 3、axios）

准备工作需要先安装node环境，官方地址：https://nodejs.org开始搭建Windows下不要使用git自带的mintty执行命令，切换选项时会失效的。觉得cmd难看的话用PowerShell会好一些，只是好一些，呵呵。安装vuenpminstallvue&&npminstall--globalvue-cli生成项目结构，安装依赖vueinitwebpackproject-name&&

Kevin395·2020-07-16 02:52

element-ui升级后某些页面直接卡死，el-tabs组件引起的错误

因为想用element-ui2.12.0中的某些icon组件，所以升级了一下element-ui的版本。

建行一世·2020-07-16 01:41

Spring boot+Shiro+ spring MVC+swagger UI +Mybatis+mysql+Vue +Element UI 之四 vue 整合Element UI

1.如何整合在main.js中写入以下内容可以完整引入：importVuefrom'vue'importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk

hanruikai·2020-07-15 23:42

使用 Element-UI 的 el-tabs 组件，浏览器卡住了

使用Element-UI的el-tabs组件，浏览器卡住了问题正确的解决方案方案一、降级`element-ui`的版本到`2.6.3`方案二、升级vue的版本到2.6.x+总结说明问题我使用的版本是：vue

Never Yu丶·2020-07-15 21:52

将自己写的组件封装成类似element-ui一样的库，可以cdn引入

在写好自己的组件之后第一步修改目录结构在根目录下创建package文件夹，用于存放你要封装的组件第二部在webpack配置中加入pages与publicpath同级pages:{index:{entry:'src/main.js',template:'public/index.html',filename:'index.html'}},第三部编写组件在package文件夹下新建一个你的组件名的文件

andingran3462·2020-07-15 20:47

Element + Vue 创建前端项目（IDEA版）

创建工程创建要给名为hello-vue的工程：vueinitwebpackhello-vue安装依赖，我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件

Future_LL·2020-07-15 17:31

上传组件实现(仿element-ui)

前言在工作中会使用到上传组件，在pc端项目中使用的大多都是element-ui组件或根据需求进行二次封装。在使用后也做了简易版的上传的组件。接下来分析下组件的实现过程。

weixin_34248258·2020-07-15 15:17

vue-elemnt-admin学习

vue-elemnt-admin学习vue-element-admin是一个基于vue，element-ui的集成的管理后台。它的安装部分就不说了，按照官网的步骤一步步就可以执行了。

轩脉刃·2020-07-15 13:10

Rainbond 部署 SpringCloud架构应用实践

PigMicroserviceArchitectureV2.1.0：基于SpringCloudFinchley、SpringSecurityOAuth2的RBAC权限管理系统基于数据驱动视图的理念封装Element-ui

barnettZQG·2020-07-15 13:27

sparrow-js·场景化低代码搭建-了解一下

介绍sparrow-js是场景化低代码（LowCode）搭建工作台，通过操作场景化编辑器生成源代码，侧重于支持日常业务需求开发的效率提示，核心目标仅有一条“提生研发效率”，目前提供基于vue、element-ui

laiwu·2020-07-15 13:47

element-ui 时间选择加限制

组件里的代码（HTML代码）添加限制:picker-options="pickerOptions0"：起止时间：至查询script（vue实例）里面的代码，记的varoper=newVue（{}），因为里面用到oper，这个是限制：开始时间不能大于结束时间，结束时间不能小于开始时间varoper=newVue({el:'#operateDiv',data:{startTime:'',//开始时间e

咕噜咕噜的车轮向前·2020-07-15 12:35

element-ui中el-upload结合websocket实现分批批量上传文件

由于el-upload一次只能上传一个文件，如果要上传大量文件就要同时发送大量的http请求，这样会增加服务端的负担，但如果一次批量上传大量文件，服务端要很久之后才能收到请求，所以我做了一个分批批量的上传，示例中一次上传10个文件，上传完成后发送下一个上传请求，再上传10个，这样就解决了一次发送大量http请求或一次批量上传大量文件后端和久才能收到请求的问题。文章最后附有github链接，链接中有

zheng_chang_wei·2020-07-15 12:30

element-ui表单中的文本域调整高度

在加上属性:rows="2"默认是2你想调整高一点可以更改这个数字其实我在工作中发现一个问题就是没法取消让用户无法拖拽设置文本域的高度这个element-ui的文本域默认用户是可以拖拽高度在普通的文本输入域直接设置样式

yunchong_zhao·2020-07-15 11:36

vue中使用富文本编辑器

vue中使用quill富文本编辑器下载依赖npmiquill-Snpmivue-quill-editor-S直接在组件中，或页面中使用，代码注意：我的提交按钮用了element-ui组件库的提示组件提交

Sun.sir·2020-07-15 11:54

element-ui Drawer抽屉组件封装

我来啦!{{task.name}}exportdefault{props:{task:{type:Object,default:()=>{}},drawer:{type:Boolean,default:false},direction:{type:String,default:'rtl'}},data(){return{}},computed:{drawer_:{get(){returnthis.

franklin_yuan·2020-07-15 10:43

vue+mock.js+element-ui模拟数据搞定分页

效果如图：前提是搭好vue前端框架，npminstallmockjs引入mock.js当前页全部代码如下，其他有关element-ui的引入未提到，仅作参考用添加操作员1-->设备名称所属线别所属车间{

xiaozhen0610·2020-07-15 10:16

element-ui，使用 typescript 编译报错的问题 Parameter ‘value‘ implicitly has an ‘any‘ type.

项目是typeScript写的，使用element-ui官网的例子，可以正常使用，但是编译器报错“Parameter‘value’implicitlyhasan‘any’type.”

weixin_42393719·2020-07-15 09:48

element-ui 和iview的table列超出部分省略加悬浮提示

1.elementelement-ui很简单，只需要在每一列加上:show-overflow-tooltip="true"就可以了2.iviewiview使用render函数{title:'创建人',key:'creatorName',width:'60',align:'center',render:(h,params)=>{returnh('div',[h('span',{style:{disp

若年·2020-07-15 09:09

一个基于vue和element-ui的树形穿梭框组件

el-tree-transfer因业务需求需要用到一个穿梭框组件，而各大主流UI库和市面上的穿梭框都是一维数据，不支持树形结构的穿梭数据，然后我自己就写了一个树形穿梭框组件，用户界面完全按照元素的UI风格。并且使用此插件时默认你已经引入了元素的用户界面的按钮，复选框，树组件！并且是一个VUE项目，你就可以像使用普通VUE组件一样使用它。el-tree-fransfer简介el-tree-frans

念其蔚蓝·2020-07-15 08:04

element-ui 禁止dialog和messagebox点击空白处关闭

element-ui禁止dialog和messageBox点击空白处关闭单个禁止全局禁止单个禁止单个禁止dialog点击空白关闭........需要注意，close-on-click-modal前必须加

Fawkes_WT·2020-07-15 08:05

推荐频道

##element-ui