##element-ui

vue，element-ui，springboot，pageHelper操作多个页面的分页实例~~（自己记下的，便于学习）

对于有多个页面，切换，并要求每个页面进行上下页时wo的思路：记一笔，日后可以看看后台查出3个页面分别对应的数据，得到pageInfo时，将3个页面的pageInfo用一个共同的pageInfo接，这样传前台的pageInfo只有一个，但是我们怎么知道传到前台的是哪个页面的pageInfo呢，很简单，将这2个参数放到返回给前台的json对象中，一个是pageInfo，另一个是针对页面的状态码，并且将
手敲键盘·2020-08-22 12:42

【element el-tree】default-checked-keys会把节点下的所有子节点都选中

el-tree介绍element-ui的树形控件，基本用法：default-checked-keys表示默认勾选的节点的key的数组问题项目中的在为角色授权时，用el-tree展示了所有菜单。
find_some_way·2020-08-22 12:23

vue2 http拦截器 实现每次请求地址都显示loading

实现效果图1、这里使用的是element-ui框架显示的loading，当然使用方法大同小异您可以使用其他框架或者自己写样式。
张旭超·2020-08-22 12:09

vue2 二级路由 高亮

实现效果图1、项目中的图标使用的是element-ui框架中的图标，如果需要引入可以看我写的上一篇文章。
张旭超·2020-08-22 12:34

composition events于v-model中的使用

但element-ui的input组件便不会如此，其实就是用到了compositionevents。co
populus·2020-08-22 12:00

element-ui设置样式无效果

dwenz/p/10231868.html划重点：我发现这样确实可以,这里我们先看一下为什么无法修改样式，elementUI的样式是定义在全局中，scoped是保持局部样式不被破坏所以在组件中设置的组件中使用element-ui
Future1994·2020-08-22 12:15

动态设置element-ui中树形控件的选中项

动态设置element-ui中树形控件的选中项element-ui可以通过为default-checked-keys绑定一个数组（数组中的元素为需要选中节点的node-key），来设置默认选中项，但是要管理不同的对象时
Cecilia_whf·2020-08-22 12:34

vue中引入css文件

两种方式引入css文件，一种是直接在main.js中引入，即下面这种写法：import'element-ui/lib/theme-default/index.css'这种写法适用于此css文件存在于项目中
weixin_30432007·2020-08-22 11:34

Element-UI实现Tree 树形控件节点添加图标

Element-UI实现Tree树形控件节点添加图标：属于自定义节点内容，可以通过两种方法进行树节点内容的自定义：render-content和scopedslot。
sleepwalker_1992·2020-08-22 11:25

解决VUE引用element不能显现组件css样式问题

1.码友们在用element开发时可能会发现不能够显现原本element样式问题，这时候就要检查一下自己有没有在main.js中导入import'element-ui/lib/theme-chalk/index.css
大水爷7786·2020-08-22 11:51

element-ui使用过程遇到的坑（1）—— element-style样式

今天学了一下element-ui的布局，也是为了之后在公司开新项目的时候能够用得上。
danzzzz·2020-08-22 11:15

(精华)2020年7月11日 vue element-ui修改样式不生效

原因代码中使用scoped之后，保证各文件中的css不相互影响，给每个component都做了唯一的标记解决方案如下//css用//.el-table>>>.warning-row//lesssassscss用.el-table{/deep/.warning-row{background:oldlace;}/deep/.success-row{background:#f0f9eb;}}
愚公搬代码·2020-08-22 11:01

关于element-ui tree树形控件中:default-checked-keys的问题

今天在使用element-ui中的tree控件时,我想要默认选中角色拥有权限的复选框时,发现即使改变了:default-checked-keys,也不能改变渲染结果,需要调用this.
DarkHorseK·2020-08-22 11:48

Vue: element-ui 的el-tree控件 动态加载更新

element-ui官方文档提供了懒加载自定义叶子节点，主要是通过resolve()来返回官方提供的懒加载更新节点，只适用于接口一次性返回数据，并渲染树情景：数据量大时，需要分页加载树节点的内容，当数据一次性加载不完时
dandelion9508·2020-08-22 11:15

element-ui的upload组件封装

图片上传无论什么项目，大概都少不了图片上传。作为常见的需求，很多地方会使用到，应该单独封装一个上传组件，方便复用。这里使用vue+element-ui-upload+七牛云完成上传前端调用七牛API现在主流的七牛云上传方式大概为授权式上传，大概为如下过程：请求后端接口获取上传凭证token（后端通过accessKey，secretKey，bucket生成token）请求七牛云的接口地址完成上传七牛
plutchar·2020-08-22 11:04

解决element-ui的下拉框有值却无法选中的问题

change(){this.$forceUpdate()},*出现这个问题好像是因为下拉框数据是循环掉别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。写一个方法，在select的change事件中调用此方法，运用this.$forceUpdate()强制刷新，页面正常选值。*
yang·2020-08-22 11:21

iOS转前端的学习记录

我的第一个项目是一个基于vue和element-ui的后台管理系统，当时我还没有任何的前端开发知识，时间也比较紧，就在学习html、css和javascript的基础后，有针对性的对
Jovi·2020-08-22 11:12

node之本地服务器图片上传

在自己做一个简单的后台管理系统时，用的是node作本地数据库，然后用了Element-ui的upload组件来实现图片的上传，中间有遇到那么点小坑，这里记录下，比较坑的一点就是，不知道文件的命名不能带空格
小小蚊子·2020-08-22 10:22

基于vue + element ui的table编辑,保存和删除

在最近2年的工作中遇到过几次很基础的基于element-ui的table开发,简单的增删改查功能,闲下来想整理一下~以备后用vue架子,用最新的vue-cli3.0,此处(...),可以参考我之前的almost
薯条真的好好吃哦·2020-08-22 10:48

Element-UI + Vue项目的创建

下载并配置nodehttps://nodejs.org/en/node-vv12.18.3配置npm淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.orgnpmconfigsetregistryhttps://registry.npm.taobao.org下载并配置最新版的vue和vuecli1.卸载旧版vue2.安装最新版本（
单身初级程序狗·2020-08-22 10:43

vue theme-default保存找不到Module not found: Error: Can't resolve 'element-ui/lib/theme-default/index.css

当时很懵逼，看了半天还以为自己安装丢包了呢，给大家分享一下，1秒钟就解决了：着急的同学直接：import'element-ui/lib/theme-default/index.css'改为import'element-ui
王海虎·2020-08-22 04:45

element-ui 表单渲染v-if组件，验证报错

问题描述使用elementui的form表单组件，如果其中几个表单项使用了v-if进行UI切换，并且默认v-if="false"不可见，切换的元素又是必填项时，那么在验证的时候，就会出现很奇怪的bug。原因：elementui在对form表单中带有prop属性的子组件进行校验规则绑定时，是在vue声明周期mounted完成的。而v-if用来切换的元素是会被销毁的，导致了v-if内的表单项，由于在m
ifredom·2020-08-22 04:12

element-ui图标显示不出来问题

@[element-ui图标显示不出来问题]1.原因：由于项目中ele版本过低，低版本中没有需要的图标。2.解决方案：①package.json文件中修改element-ui的版本号。
kekekla壳·2020-08-22 04:01

nuxt系列【三】nuxt + element-ui + nuxt-i18n国际化，实现多语言

这里以中英文切换为例：1.安装nuxt-i18nnpminstallnuxt-i18n-S2.新建lang文件夹，放置语言包zh.jsconstzh={webTitle:'我的nuxt.js例子',index:'首页',list:'列表'}exportdefaultzhen.jsconsten={webTitle:'mynuxt.jsdemo',index:'Home',list:'list'}e
bamboo吖·2020-08-22 04:09

element-UI分页使用全部代码

Title.fl{float:right;margin-right:20px;}.fy{text-align:center;margin-top:30px;}.title{height:100%;}varvm=newVue({el:'#demo',data:{total:1000,//默认数据总数pagesize:9,//每页的数据条数currentPage:1,//默认开始页面istag:tru
undefined汪少·2020-08-22 04:32

vue引入ElementUI库

/#/zh-CN引入ElementUI命令：npminstallelement-ui--save(网速不好用cnpm)在项目src目录下的main.js中引入：importElementUIfrom'element-ui'import'element-ui
dayu5595·2020-08-22 01:14

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

Element-ui项目打包后icon图标不显示element-ui自带了一套常用的图标集合，使用起来十分方便。
HuiRonmantic·2020-08-21 22:47

折腾毕设记（二）—— 用户注册登录

开发目标打开毕设网站就显示登录页面（vue-router）注册和登陆的页面设计（采用element-ui）登录页面和注册页面之间的路由跳转（vue-router）注册页面的动态设计和与服务器的通讯（vue
weixin_33769207·2020-08-21 22:23

扩展 element input 组件

结构图子组件（ExCom.vue）import{Input}from'element-ui'exportdefault{components:{​"el-input":Input},props:[​"value
老实先生·2020-08-21 20:49

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

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

在vue和element-ui的table中实现分页复选

背景后台管理系统中，使用表格展示数据时，可能的需求是多项选择然后进行批量操作，也期望能翻页多选。实现页面结构如下编辑模拟数据实现分页data(){return{tableData:[],multipleSelection:[],pagination:{currentPage:1,size:10,total:1000}}},beforeMount(){this.fetchData()},method
careteenL·2020-08-21 19:18

问题:Element-Ui组件 接口获取数据后 InputNumber 计数器 只能加1

原因:由于数据为获取list动态,没有设置初始值解决方案:获取数据后动态遍历设置初始值为0;页面动态加载数据就可以了
Moonhwa Kwong·2020-08-21 18:13

element-ui select组件中复选时以字符串形式显示

我使用的element-ui的版本是1.4.13。
weixin_30454481·2020-08-21 17:41

vue2.0 动态路由传参方法

因为是用element-ui渲染出来的tree菜单，每个节点完成路由只能使用编程式导航（在函数里触发路由）并传参需要组件需要获取的数据使用this.$router.push()this.
梦幻般的菜鸟·2020-08-21 16:57

element-ui中使用第三方字体

element-ui中使用第三方字体将素材fonts文件夹到assets中,在入口文件main.js中导入import'.
super-c·2020-08-21 16:32

Vue进阶（八十一）：Vue+element UI实现“回到顶部”按钮组件

使用方法由于该组件是基于element-UI进行二次封装的，所以在使用该组件时请务必安装element-UI，安装好element-UI后，只需将该组件文件夹BackToTop导入到现有项目中即可使用。
No Silver Bullet·2020-08-21 16:25

vue 项目中页面打印实现（去除页眉页脚）

vue项目中页面打印实现参考文章：13Pagedmedia项目描述：背景：框架vue、组件element-ui，已有一个在用的后台管理系统需求：现需在列表页面添加按钮-----打印协议，并且在点击按钮以后
siwangdexie_new·2020-08-21 16:24

vue element-ui tree树形控件中:default-checked-keys的问题

今天在使用element-ui中的tree控件时,我想要默认选中角色拥有权限的复选框时,发现即使改变了:default-checked-keys,也不能改变渲染结果,需要调用this.
爱喝冰可乐·2020-08-21 16:39

基于 Element-ui 的富文本组件quillEditor

开发后台管理系统经常需要用到富文本组件用来编辑文章，或者商城类的管理系统需要富文本编辑商品详情，但是有些富文本里面的上传图片功能实质是把图片转成base64字符串传给后台，如果上传的图片一多，那后台估计会炸！所以找到了一个可以把图片上传到后台生成图片链接嵌入富文本的方式，附上整个组件的代码~import{quillEditor}from'vue-quill-editor';exportdefaul
东又夏_·2020-08-21 15:59

【vue】ElementUI中时间选择器的时间需要进行格式化

ElementUI中时间选择器的时间需要进行格式化Vue中时间格式化moment.js官方文档vueelement-ui组件开发大大提高了我们的效率，但有时候并不能满足我们的需求，例如时间，日期组件；element-ui
四通一达小新星·2020-08-21 15:54

element-ui 上传图片 后清空 图片 显示

使用element-ui组件，用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.
秋霜梦红尘·2020-08-21 15:32

vue+el+oss上传/预览/下载/删除/存数据库（前端操作oss的详细实现）

注：1.一般情况不会让前端直接操作oss（增删查）,可是我遇到了这样的需求2.默认已经开通oss，在oss官网完成了配置3.需要使用到element-ui的upload组件点击跳转oss的官方API点击跳转
Adele0·2020-08-21 15:17

vue+el+oss上传/预览/下载/删除/存数据库（前端操作oss的详细实现）

注：1.一般情况不会让前端直接操作oss（增删查）,可是我遇到了这样的需求2.默认已经开通oss，在oss官网完成了配置3.需要使用到element-ui的upload组件点击跳转oss的官方API点击跳转
Adele0·2020-08-21 15:47

vue+element-ui backtop组件使用

element-ui中的backtop返回顶部组件的使用最近写的项目中用到了vue和element-ui实现前端页面，在最后写到返回顶部的时候，看到有自带的组件就直接使用了，但是在copy代码进去之后发现没生效
林深鹿·2020-08-21 15:29

elementUI兼容 [email protected] 官方文档不生效

项目使用的版本"element-ui":"1.4.4","vue-i18n":"^6.1.1",importVuefrom'vue'importElementfrom'element-ui'importVueI18nfrom'vue-i18n'importenLocalefrom'element-ui
澄澄真可爱·2020-08-21 15:34

VUE Element-ui父组件与子组件相互调用

1.父组件代码//引入marked//importmarkedfrom'marked'import$editfrom'@/components/communal/markdown/columnEdit.vue'import'mavon-editor/dist/css/index.css'exportdefault{components:{'edit':$edit//引入子组件},created()
94340634·2020-08-21 15:01

vue用使用element-ui制作导航栏菜单

在main.js中引入importElementUIfrom'element-ui';Vue.use(ElementUI);组件内代码为:首页数据列表用户列表商家列表食品列表订单列表管理员列表添加数据添加商铺添加商品图表用户分布编辑文本编辑设置管理员设置说明说明
执着菜鸟一颗心·2020-08-21 14:04

vue-cli打包 vendor文件 或app.js文件 过大

使用vue-cli脚手架打包后（UI使用的是Element-UI），发现vendor.js文件很大，将近5M之多。文件过大会导致浏览器加载过慢，及其影响用户的体验。
微微暖风·2020-08-21 13:10

Element-ui

简介是一套基于vue2.0的桌面端组件库https://element.eleme.cn/#/zh-CN使用方法1.基于命令行方式手动安装(1)安装依赖包(2)导入Element-UI相关资源//1.安装依赖包
LFLZBZM·2020-08-21 13:04

vue scoped与深度作用选择器 /deep/ 覆盖element-ui样式

element-ui是vue项目中常用的pc端ui组件库，但是其样式上可能与我们的项目需求有较大差异，通常使用自己的样式覆盖ui组件库样式以达到目的方法1:创建自定义样式文件在main.js或app.vue
Beamon__·2020-08-21 12:14
上一页 101 102 103 104 105 106 107 108 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他