##element-ui

vue中实现backTop（返回页面顶部）

在某个页面中需要返回页面顶部，但是在借鉴element-ui的官方例子时并没有实验成功。
witebin·2020-08-21 12:26

element-ui的el-backtop用法

注意必须在一个div内写el-backtop，其次这个div要有个类选择器，el-backtop的target写这个div的类选择器的名字，这个div的类选择器的样式必须有这俩个不要修改大功告成！！！
.树懒.·2020-08-21 12:43

element-ui回到顶部，使用版本(2.10.1)

注意target必须是对应的大类名，我是在tab-pane里使用回到顶部，这个类名就是它整个内容包含的组件类名银行舆情//Home-Bank类组件顶部
智慧的狗狗·2020-08-21 12:49

Element-ui 遇到的坑之返回顶部Backtop组件的target如何设置正确的值的问题。

问题描述：element-ui的Backtop属性中有target的值是需要设置的。设置错了，不仅没有效果，反而还可以导致报错。官方文档说明的是，target触发滚动的对象，String类型。
qq_42991509·2020-08-21 12:49

vue开发公共组件之返回顶部(backtop)

背景：pc端使用element-ui框架，本身是有返回顶部的组件的。现在需要在移动端使用。照着葫芦画瓢弄一个。记录如何将公共组件通过install的方式，注册为全局的组件使用。
qq_42991509·2020-08-21 12:48

element-ui 回到顶部组件el-backtop

参考：1，https://blog.csdn.net/weixin_42598901/article/details/996741452，https://www.cnblogs.com/rogerwu/p/9543563.html3，https://blog.csdn.net/qq_36070288/article/details/847651394，https://www.cnblogs.com
~李疆·2020-08-21 12:44

关于element-ui el-backtop返回顶部组件无效问题

关于element-uiel-backtop返回顶部组件无效问题el-backtop绑定的盒子，需要一个滚动样式：overflow-y:scroll;//绑定app盒子exportdefault{name:"App",data(){return{};},methods:{},mounted(){}};#app{font-family:"HelveticaNeue",Helvetica,"PingF
小城听风雨·2020-08-21 12:53

vue中在个别组件中给body添加类名

首先我给body加类名是更改element-ui中下拉框的背景色，beforeCreate(){document.getElementsByTagName("body")[0].className="equipment-body
Zxiuping·2020-08-21 12:52

vue vue-router vuex element-ui axios的学习笔记（十二）获取商品页面数据

目前完成的功能：登录注册，商品分类的路由GIF.gif获取页面数据的思路：一、定义api打开api.jsImage139.png二、在productlist.vue页面创建时获取数据打开productlist.vueImage140.png三、编写mock.js打开mock.jsImage141.png四、测试、修改Image142.png可以看出来其实数据是回来了的，我先将数据渲染到页面上打开p
思吾谓何思·2020-08-21 09:29

封装element-ui的table自定义表头组件

1、组件效果图table.gif2、组件说明里面的数据没有走真实接口，是模拟的数据，但是接口是真调了，用的豆瓣的api，所以如果发现接口出错，请检查配置项。由于数据是模拟的，所以后边的请求用的都是假数据，用loading来表示走了请求，方便理解。3、组件功能（1）按字段选择表格需要展示的字段（2）自定义表头，表头支持时间，input，select，类型的搜索过滤（3）支持操作选项，可以增删改等4、
_littleTank_·2020-08-21 08:44

vue-cli之webpack3构建全面提速优化

前言伴随着vue的全球化，各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情在这其中，相信很多人都会选择官方的
weixin_33795833·2020-08-21 06:41

element-ui使用笔记《二》：关于CSS作用域—/deep/及scoped的使用

目录参考文章参考文章真是要加油学习呢~[1]：css作用域[2]：css关于/deep/的解释和用法
WANNANANANA·2020-08-21 05:49

element-ui使用笔记《一》：form表单列设置fixed后固定列下边出现边框的问题

目录参考文章参考文章真是要加油学习呢~[1]:elementui表格列设置fixed后固定列下面出现边框问题
WANNANANANA·2020-08-21 05:49

vue实现 UI 组件库

p=1模仿element-ui组件库，实现一个自己的组件库。一、vue脚手架初始化一个项目vuecreated自己的项目名称。这里我们选择自定义。初始化好之后，我们将多余的东西去掉。
没人要的破小孩·2020-08-21 05:45

vue项目前端处理后端返回的图片

做登录或者注册的时候，会用到验证码，前端会接收后端发的验证码图片就像这样的我这是使用了element-ui，普通的输入框也是可以的data(){return{verificationImg:'',ruleForm
没人要的破小孩·2020-08-21 05:15

element-ui后台管理系统学习(7)-列表组件抽离

页面中的列表组件抽离，例如：将页面中循环的li标签，处理成组件，方便管理与维护，具体的相关代码如下：album-item子组件{{item.name}}{{item.num}}修改删除exportdefault{props:{active:{type:Boolean,default:false},item:Object,index:Number},methods:{}};父组件index.vue中
ZYN5431·2020-08-21 05:11

对 vue 修饰符 .sync 的理解

其实对这个属性有点陌生，一直都好像没怎么用到这个属性，但是就在今天，因为公司现在重构的这个项目是拿着element-ui的组件库改造的组件，变成公司自己的组件，所以当我在使用某一些组件的时候，好像是在使用模态框的时候
志学Python·2020-08-21 04:26

关于vue中.sync修饰符和自定义v-model的使用记录

使用场景工作中遇到的问题,需要在拖动时修改数据,或者在手动在Input标签中输入数字时改变进度条,效果图如下.这是2只球队在一场比赛中的一些数据对比情况,这个控件可以使用element-ui中的slider
mk1105·2020-08-21 04:52

vue+koa2 美团开发实战3-首页分析

首先我们去除pages/index.vue中的无用代码：接下里，我们使用element-ui的布局组件，快速构建出我们网页的整体布局。Header
秋殇阁·2020-08-21 04:10

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

element-ui有原生的时间选择器，但是，在我们的交互设计师是根据地图实际应用场景中的特性抽象组件，element-ui的样式
腾讯位置服务·2020-08-21 03:00

基于element-ui的合并单元格（动态数据合并）

一、框架名称&版本号框架：element-ui版本号：2.3.9或更高传送门：elment-ui页签：https://element.faas.ele.me/#...demo地址：https://github.com
吼啾啾·2020-08-21 03:05

vue-quill-editor 富文本上传图片到七牛

987743541.安装vue-quill-editornpmivue-quill-editor2.引入import{quillEditor}from'vue-quill-editor'3.vue添加组件，隐藏element-ui
唯风·2020-08-21 03:32

第三期:前端九条bug分享

本期因为需要写这方面的文章,导致我现在工作中很期待有趣bug的出现,看到测试给我提bug还有点高兴...1:element-ui的form表单组件敲'Enter'默认刷新页面bug现象:如题所说,我们需要做的无非是禁掉默认的提交事件
lulu_up·2020-08-21 03:54

清新UI组件库——开发组件库准备

ifresh-ui.yating.online/源码地址：https://github.com/Chenyating...准备vscode语言框架：vue，vuepress，vue-cli3，less参考框架：iview-ui，element-ui
Chenyating·2020-08-21 03:09

从antd或者vant、element-ui这些UI框架里导入组件报错

一般你安装了一个UI框架为了项目优化都会选择按照官方给的方法按需引入UI组件，但是引入组件时却发现报错，报找不到这个组件，出现这样的情况有两种原因：1.UI框架升级，把某些旧组件废弃了，确实没有这个组件。我就出现过这种情况，有次按照某个网友给的参考搭建项目框架，却发现引入的组件报错，以为是按需没配置好的原因，改来改去始终报错，只能再次上网搜解决方法，看到一个网友评论说是不是没有这个组件，让我一愣，
执着明日·2020-08-21 03:40

vue3.0 开发一个“简单“插件

于是这个项目就是，重构element-ui。目标，适配3.0。
PlusLi·2020-08-21 02:10

element-ui的tabs页签页组件在使用vue-i18n切换语言后，按钮宽度发生变化之后定位不准确解决方案

不知道有多少人和我遇到的一样，问题描述：当切换按钮的语言后，由于文字数量发生改版，按钮宽度变化，被选中的按钮下方的指示线定位不准确我没有搜索到解决方案，自己写了一个，这里分享一下，如果你有更好的方案，下方评论去，和大家分享一下。非常感谢。resetTabActivePosition($el){setTimeout(()=>{varactiveEl=$el.querySelector('.el-ta
jsoncode·2020-08-21 02:43

实战：Vue全家桶+SSR+Koa2实现美团网

gitee.com/KT1205529635/mt-app)项目介绍实现功能项目安装打包部署上传之后参考技术文章项目演示地址高仿美团网源码下载码云项目介绍前端：Nuxt.js/vue-router/Vuex/ELement-ui
不愿意做鱼的小鲸鱼·2020-08-21 02:30

element-ui的tabs页签页组件在使用vue-i18n切换语言后，按钮宽度发生变化之后定位不准确解决方案

不知道有多少人和我遇到的一样，问题描述：当切换按钮的语言后，由于文字数量发生改版，按钮宽度变化，被选中的按钮下方的指示线定位不准确我没有搜索到解决方案，自己写了一个，这里分享一下，如果你有更好的方案，下方评论去，和大家分享一下。非常感谢。resetTabActivePosition($el){setTimeout(()=>{varactiveEl=$el.querySelector('.el-ta
jsoncode·2020-08-21 02:01

elementui el-table 和 echarts 表头不显示，表格使用异常

npminstallecharts后el-table的表头不显示，表格使用异常，直接安装echarts，会显示移除element-ui中的包。需要单独install后将包拷进去。
imcmuc·2020-08-21 01:15

element-ui 表单错误：Cannot read property 'validate' of undefined"

Errorineventhandlerfor"click":"TypeError:Cannotreadproperty'validate'ofundefined"解决方案：。。。取消确定通常Cannotreadproperty'validate'ofundefined，一般情况是提交的click事件中,传参没有带引号导致的，只需confirmAdd('addform')即可。但是添加了confir
qq_36437172·2020-08-21 01:41

element-ui报错Cannot read property 'resetFields' of undefined

[Vuewarn]:Errorineventhandlerfor"click":"TypeError:Cannotreadproperty'resetFields'ofundefined"这个错误是因为你的dom元素还没有加载完，你就想使用resetFields置空。也就是你写的this.$refs['addForm'].resetFields();这个里面的addForm还没有加载出来呢。解决：
夏天想·2020-08-21 01:31

基于vue的token认证机制（完整版）

不多说，以下为截图加代码：（注意要自己去安装axios、vuex），我用的element-UI做的排版，这个可以根据实际需求自己去选择，也可以使用Bootstrap或者layyer-ui什么的。
菜鸟设计师QMY·2020-08-21 01:10

element-ui el-select 多选单选切换报错问题

项目需求后台表单是前台自建的控件自然也要自建自然就有各种选项其中选择框就有单选多选选项项目使用的element-ui自然就用的el-select由于数据库并没有类似数组的字段选择框使用varchar而el-select
kyoog·2020-08-21 00:26

Element的Upload组件实现多图上传七牛云

开发后台业务，涉及到多图上传，项目采用的是Element-UI，下面来实现下upload组件上传图片到七牛。
Jello·2020-08-21 00:55

Element的Upload组件实现多图上传七牛云

开发后台业务，涉及到多图上传，项目采用的是Element-UI，下面来实现下upload组件上传图片到七牛。
Jello·2020-08-21 00:55

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件

e-icon-picker图标选择组件简洁大方，专为element-ui和font-awesome图标库开发的图标选择组件，希望大家喜欢！
李振novel·2020-08-20 23:33

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件

e-icon-picker图标选择组件简洁大方，专为element-ui和font-awesome图标库开发的图标选择组件，希望大家喜欢！
李振novel·2020-08-20 23:32

[@vue/cli & element-ui] 安装与环境配置

开启新篇章由于之前工作的原因，很少接触后台页面的开发，因此对传统mvvm框架或者类mvvm框架还是很有抵触的。别扭的语法，与关注点分离原则的违背，以及复杂页面交互的实现问题，这些都成为了我接触并使用它的阻碍。过去曾经维护过一个使用老版本knockout.js开发的项目，当时的感觉真的是无以言表，一度认为这简直是对前端开发的扼杀。不过这一切，在慢慢接触到vue之后，得到了一定的改观。老实说，到现在为
wei4118268·2020-08-20 23:16

[@vue/cli & element-ui] 安装与环境配置

开启新篇章由于之前工作的原因，很少接触后台页面的开发，因此对传统mvvm框架或者类mvvm框架还是很有抵触的。别扭的语法，与关注点分离原则的违背，以及复杂页面交互的实现问题，这些都成为了我接触并使用它的阻碍。过去曾经维护过一个使用老版本knockout.js开发的项目，当时的感觉真的是无以言表，一度认为这简直是对前端开发的扼杀。不过这一切，在慢慢接触到vue之后，得到了一定的改观。老实说，到现在为
wei4118268·2020-08-20 23:16

element-ui tabs隐藏某个标签（v-show不起作用的解决方法）

文章目录解决方法v-show为什么不起作用呢解决方法直接展示代码，代码如下所示{{item.content}}exportdefault{data(){return{activeName:'',elTabs:[{label:'用户管理',name:'1',content:'用户管理',status:false},{label:'配置管理',name:'2',content:'配置管理',statu
TUTsmile·2020-08-20 22:35

Element-ui中为Upload 上传添加表单校验

本人博客园：链接template内：上传附件script内：exportdefault{data(){varvalidateAttach=(rule,value,callback)=>{if(this.fileList.length===0){callback(newError('附件不能为空'))}else{letnotNull=falsefor(letindex=0;index
soldier_csdn·2020-08-20 22:12

element transfer 不使用render-content方法给每一行加title的一种思路

原文地址：https://segmentfault.com/a/1190000020956789问题描述最近在使用element-ui的el-transfer时候遇到一问题：穿梭框一行显示一条数据，但是有的数据比较长
user_name·2020-08-20 22:11

element transfer 不使用render-content方法给每一行加title的一种思路

原文地址：https://segmentfault.com/a/1190000020956789问题描述最近在使用element-ui的el-transfer时候遇到一问题：穿梭框一行显示一条数据，但是有的数据比较长
user_name·2020-08-20 22:11

支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component

基于element-ui实现的vue组件，只需编写类似async-validator的规则，自动生成对应的表单，支持常见输入类型的同时，支持嵌套对象、hashmap、多维数组等复杂类型。
QuincyChen·2020-08-20 22:15

支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component

基于element-ui实现的vue组件，只需编写类似async-validator的规则，自动生成对应的表单，支持常见输入类型的同时，支持嵌套对象、hashmap、多维数组等复杂类型。
QuincyChen·2020-08-20 22:14

element-ui组件table实现自定义筛选功能

element-ui默认的table组件支持的表头筛选（过滤）是比较简单的，只支持数组的方式，单选或多选的形式，但有时候我们喜欢支持输入框形式（其实感觉有点扯淡，一般列表页上面都有搜索条件）。
qngyun1029·2020-08-20 21:35

element-ui组件table实现自定义筛选功能

element-ui默认的table组件支持的表头筛选（过滤）是比较简单的，只支持数组的方式，单选或多选的形式，但有时候我们喜欢支持输入框形式（其实感觉有点扯淡，一般列表页上面都有搜索条件）。
qngyun1029·2020-08-20 21:34

vue过滤器实现element-ui表格列数据转换

支付类型返回的是编码要转换成文字显示通过filters选项来定义过滤器来实现转换。JS脚本处声明一个全局支付类型数组，组件对象的filters选项指定转换规则importmemberApifrom'@/api/member'//支付类型constpayTypeOptions=[{type:'1',name:'现金'},{type:'2',name:'微信'},{type:'3',name:'支付宝
_MadD·2020-08-20 21:46

webpack插件实现自动抽取css中的主题色样式，并一键动态切换主题色（element-ui）

大家项目中经常会有切换UI主题色的需要。比较常用的做法，是将UI库相关css全部下载，替换其中的颜色，再应用到页面。这样做有几个问题：1、需要下载整个UI库的样式css。文件较大，下载慢且影响性能。2、只能替换UI库本身的颜色样式，项目中自己写的颜色样式替换不掉。3、全部的UI样式都重新覆盖，渲染较慢，且容易导致覆盖已有样式出现意外问题。其他方案，比如做几套固定颜色的css主题包，维护成本较大，且
okfine·2020-08-20 21:09
上一页 102 103 104 105 106 107 108 109 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他