##element-ui

vue和element-ui实现多选下拉框

其他功能可参考：element-ui官方文档
s先生的d小姐·2020-08-23 21:35

vue下拉框和输入框的联动

基于element-UI的下拉框通过change事件，进行联动，temp为当前下拉框内值，遍历company内的值，赋值与name对应的IdcompanyChange(temp){console.log
猜猜我是拉个·2020-08-23 21:30

Element-ui table splice 移除数组元素 页面只会删除最后一行 视图和数据不对等

搭建Vue后台，用了vue-element-admin开源项目，里面的Element-uitable表格删除元素视图更新有误这里我要删除操作，移除一行数组，于是获得了id和数组indexdeleteList(id,index){console.log(index)this.list.splice(index,1)}操作完后，list数组是移除正确的，但是视图上把表格最后一行移除了，我很奇怪，难道e
遗失的陈雪锋·2020-08-23 21:17

element-ui 表格 修改后 表格里面的数据后 页面不实时更新问题

https://blog.csdn.net/wuj1935/article/details/106025559
心向阳光，便是晴天·2020-08-23 21:18

Element-UI之el-table嵌套select选择器

Element-UI之el-table嵌套select选择器代码实现html全选讲解：因为要在table里，这一列绑定的都是同一个值，但是要每一行都要数据互斥，所以在select的v-model=scope.row.data
一脸懵逼的的2333·2020-08-23 21:40

element-ui select下拉框 设置默认值

参考于carmen_shao的element-uiselect下拉框默认值的问题需要把el-select绑定的sPerforIndicator.id和el-option中的:value="item.id"的id值设置成一样注意：类型也要保持一致html{{item.title}}-{{item.id}}{{typeofitem.id}}jsperforId为要设置的默认值，this.sPerfor
dylan_hello·2020-08-23 21:59

element-ui 日期选择器数据问题

功能描述：点击编辑按钮，进到编辑页面，得到的数据绑定到form表单，用户可以修改里面的数据element-ui问题：点击日期选择器，选择日期，绑定的form.date数据不会变化exportdefault
凉红茶·2020-08-23 21:51

element-ui 之 el-tooltip 如何自定义修改样式？？？？

先粘一张官方给出的UI样式关于UI框架，用起来虽然很方便，但是样式却和所需的不一样，那么该如何修改成自己想要的样式呢？在粘一张我自己修改后的样式图不仅修改了button的背景色、文字颜色，更修改了上方提示气泡的背景色官方api里没有看到如何修改button样式,所以我修改的方式就是在使用组件的地方，写行内样式tip1但是修改上方tip提示的样式，就遇到了一些小问题第一就是没找到该dom找到dom，
Dark_programmer·2020-08-23 21:22

基于VUE实现的新闻后台管理系统-二

npm初始化新建项目文件夹VueDemo，在其内执行如下脚本npminit-y安装vue-cli构建包yarnaddvue-cliyarninstall安装如下npm包axios:用于发送类似Ajax请求element-ui
weixin_34301132·2020-08-23 20:26

从今天开始，拿起 TypeScript 做一个轮子的制造者

使用这些轮子能极大地帮助我们提升生产力，有些人甚至基于这些轮子二次开发了一些轮子，比如element-ui、ant-design等组件库。
weixin_34290000·2020-08-23 20:22

减小发布到npm包的体积与避免重复依赖

背景这个组件底层依赖于element-ui，使用了其table组件和pagination组件，最终的组件是一个完全通过配置来描述每一列的表格组件。最开始我发布的是打包之后的代码。
weixin_34224941·2020-08-23 20:37

组件库rollup打包体积优化

基于rollup的组件库打包体积优化背景前段时间对公司内部的组件库(类似element-ui)做了打包体积优化，现在抽点时间记录下。
weixin_33910434·2020-08-23 20:45

webpack+vue项目实战（四，前端与后端的数据交互和前端展示数据）

简单点说呢，就是与后端的数据交互和怎么把数据展示出来，用到的资源主要是element-ui和vue-resource，其它参考（vue-resource插件使用）。
weixin_33721344·2020-08-23 20:14

vue爬坑记:element-ui的标签页之间跳转的手动控制

控制标签页之间的跳转-手动控制页面{{province.name}}配置管理角色管理jsexportdefault{data(){return{radio:"0",activeName:'province',}},methods:{chooseProvince(code,name){this.activeName="city";},}}这个地方的chooseProvince函数使用在点击标签页中的
webfullstack·2020-08-23 20:11

vue+vueRouter+Element

项目结构图main.js/***导入文件*@Vue:vue*@Vuex:vue的一种状态管理模式*@FastClick:点击时延迟*@Element:element-ui*@App:入口vue*@router
少年夫子·2020-08-23 19:02

element-ui 关于获取select 的label值

在某些场景下，还是需要在获得label的值跟Value值的。vue获取值的方式：js：changeLocationValue(val){//locations是v-for里面的也是datas里面的值letobj={};obj=this.locations.find((item)=>{returnitem.id===val;});this.wareHouseVO2.goodsLocationName
勤读意现·2020-08-23 19:30

element-ui el-select之popper-class用法

我们用的el-select所有样式都是element提供的平常差不多也够用了但是难免设计会设计出更好看的el-select样式，作为强迫症的我们还是要把下拉框的样式改过来但是单单\deep\是改不掉的所以！！！popper-class就登场了popper-class使用只需要注意两点：1.popper-class要搭配:popper-append-to-body="false"使用2.好像没有什么
大玉玉真厉害·2020-08-23 19:02

Element-UI的Select组件实现全选

选中状态变化的时候，分五种情况1、点击全选，选中全部2、全选状态下，再次点击全选，取消全部选中3、全选状态下，取消了某个选中，就需要取消全选和当前这个数据的选中4、没有全选，但是勾选了除全选外的所有数据，就是全选了，就选中所有5、没有全选，但也没有勾选除全选外的所有数据，不做处理exportdefault{data(){return{selectOptions:[{value:'ALL_SELEC
sleepwalker_1992·2020-08-23 19:54

Element-UI　表单中下拉框、单选框、复选框　选中数据后不更新UI的问题

问题描述:在数据的修改时先加载数据，加载成功，但是下拉框选择其他项时界面不更新，但是保存后数据是正确的。原因:model要初始化属性为空时直接model={},应该this.$refs['form'].resetFields()
zeegates·2020-08-23 19:48

element-ui中el-select下拉框数据过多，用pinyin-match实现拼音、首字母、汉字等模糊搜索

人狠话不多，上图！pinyin-match库也是项目需要，由于下拉框的数据过多，使用人员不好选择，就做个拼音，大小写字母以及汉字的模糊搜索，结果就找到来这个pinyin-match库，能够使用拼音快速检索目标。特好用的，这个库的作者是个好心人啊，既然好东西也不能藏着，分享给大家！在线演示：http://139.199.181.200:8686在项目中的使用步骤第一步：安装pinyin-match/
安静、认真听·2020-08-23 18:46

vue项目中常用的优秀插件库

1.vue的ui框架：pc端UI框架：iview，element-ui移动端UI框架：参考https://www.jianshu.com/p/c3c671787d1d2.vue的数字动画插件：countup.js
Ace.斗皇·2020-08-23 18:06

Element-ui使用Select多选框如何给value属性绑定对象类型

如何给select多选下拉框的value属性绑定对象类型时怎么做现在select标签处有一个value-key属性绑定值必须是为option标签中v-for遍历的数组中的元素(该元素值必须具有唯一性)在option属性key处绑定值为数组中元素具有唯一性的元素value-key处绑定值和key处绑定值必须要一样,否则可能会报错[Vuewarn]:childrenmustbekeyed:
Days_Vinson·2020-08-23 18:03

vue+element-ui集成随机验证码+用户名+密码的form表单验证

在登入页面，我们往往需要通过输入验证码才能进行登入，那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能第一步：自定义一个生产随机验证码的组件，其本质是使用canvas绘制，详细代码如下
过往深处少年蓝·2020-08-23 18:03

element-ui的标签页之间跳转 - 默认选中

需求：点击对话框，切换标签页后，关闭对话框，再次点击对话框后，标签页默认选中第一个，而不是上次关闭对话框前的标签页，此时我们需要在打开对话框或者关闭对话框，标签页的默认选择。用户管理配置管理角色管理定时任务补偿Tabs组件可以通过value/v-model属性来指定当前选中的标签页，其绑定值为选中选项卡的nameexportdefault{data(){return{activeName:'sec
qq_36437172·2020-08-23 18:30

element el-cascader props.multiple = true 不能多选

elementel-cascaderprops.multiple=true不能多选在package.json查看element-ui版本"element-ui":"^2.3.4",而el-cascader
射手男很懒·2020-08-23 18:56

Element 中组件 某些组件、属性不能使用的问解决

Element中组件某些属性不能使用的问题解决在package.json查看element-ui版本在element官网https://element.eleme.cn/#/zh-CN/component
射手男很懒·2020-08-23 18:25

vue点击图片预览放大（可旋转、翻转、缩放、上下切换、键盘操作）

因项目需求（ui框架element-ui），需要实现图片的点击放大，还要能旋转以及上下切换。
大碍桃花开·2020-08-23 18:47

elementUI本地引入

elementUI本地引入element-ui是和vue配套使用的一个框架，官网上给出了在vue-cli下使用的例子，并没有说具体的本地引入，所以自己整理了一下，element-ui引入的时候主要是除了引入
深拥梦＄·2020-08-23 18:48

关于element-ui下拉框多选回显的问题

问题：在项目中使用的是elementui组件库，在使用select多选下拉框时，编辑页面不知道怎么为其赋值回显数据解析：在新增选择的时候，多选下拉框是多条数据，选择的数据是数组id格式，所以编辑回显的时候，要将回显的数组赋值给下拉框，就会有效果这是新增时定义的下拉框新增时下拉框的值是个数组也就是vlaue的值，通常都是id，传给后台就是一个数组id或者.join()传给后台一个字符串下面就是我遇到
paladin_java·2020-08-23 17:06

解决Element-ui中侧边栏最常出现的小问题

1.解决侧边导航栏收缩后，右侧内容不能一起收缩的问题解决方法：修改width属性值2.解决侧边导航栏不能平铺整个页面解决方法：给导航栏最小高，单位用vh这里补充vhvw的用法vh：相当于浏览器的高度vw：相当于浏览器的宽度例如：calc(100vh-10px)表示整个浏览器窗口高度减去10px的大小
oilpastell·2020-08-23 17:28

海创软件组--20200816--js处理浮点数保留两位小数--Vue使用less报错的解决方法--Vue使用Element-UI部分组件适配移动端

文章目录js处理浮点数保留两位小数前言处理方法1：转换字符串截取法2：正则表达式处理3：Math.round()方法，四舍五入处理最后补充Math的其他方法Vue使用less报错的解决方法前言解决指定较低版本的less-loader来下载以下是解决时的截图我新建的项目下载的less，less-loader版本我新建的项目使用less报错查看之前模板的less，less-loader版本将最新的le
小孬种·2020-08-23 17:41

海创软件组--20200809--js如何获取当天00:00:00的时间对象--Vue使用element-ui图片地址失效两种处理（替换和隐藏）

文章目录js如何获取当天00:00:00的时间对象前言：解决方法：Vue使用element-ui图片地址失效两种处理（替换和隐藏）前言：处理方式：一：替换二：隐藏三：继续思考js如何获取当天00:00:
小孬种·2020-08-23 17:41

vue使用Element-UI部分组件适配移动端

文章目录前言vue使用Element-UI部分组件适配移动端组件适配1---Message消息提示适配样式代码组件适配2---MessageBox弹框适配样式代码组件适配3---Dialog对话框适配样式代码结语前言使用组件库现成的组件是一件非常爽的事
小孬种·2020-08-23 17:41

vue项目引用 element-ui

vue项目引用element-ui自我感受：最近使用element-ui来搭建后台管理，觉得这个很好用，你可以在网站上找你想要的组件，然后复制代码，再自己api接口获取数据，渲染，绑定事件。
Qiu_ccc·2020-08-23 17:41

vue element-ui 多选改单选

//多选只能选择一个{{item}}methods//多选只能选择一个ladderChange(){if(this.lessonForm.ladder.length>1){this.lessonForm.ladder.shift();}},
冰魂破·2020-08-23 17:16

cnpm与npm安装依赖包的区别

package-lock.json文件这个json文件用来锁定安装包的版本及所需的依赖和版本再次安装依赖的时候，会安装被锁定的版本cnpm安装不会生成package-lock.json文件cnpm只会锁定大版本即版本号的第一位假如element-ui
_freely·2020-08-23 17:27

vue中使用element自定义弹出框

1.在main.js中全局注册定义import{Message,MessageBox}from'element-ui';Vue.Message=newDonMessage()//自定义提示语弹窗window
请叫我cqq·2020-08-23 16:04

登录相关的知识点

一、http无状态二、通过cookie在客户端记录状态三、通过session在服务端记录状态四、通过token方式维持状态通过判断当前登录token值来区分是否是当前用户登录页面布局通过Element-UI
wx5dac043643b5f·2020-08-23 16:23

element-ui使用table插件获取当前行下标和内容

直接上代码：编辑删除//编辑按钮edit(index,data){console.log(index);console.log(data);console.log('编辑按钮');},//删除按钮del(index){console.log(index);console.log('删除按钮');},
Litter_sea·2020-08-23 15:12

element-ui的tag标签使用

一级二级三级
呦呦鹿鸣-·2020-08-23 15:59

element-ui中el-select下拉框选项过多的优化方案

一种优化思路：element-ui的select有一个remote-method，支持远程搜索，我们让服务端支持一下不就可以了，当然这是一种解决的方案。
zhanghe-V·2020-08-23 14:42

vue element-ui 入门

1.element-ui基本用法全局安装vue-clinpminstall-g@vue/clivue-V查看当前版本J:\vueCode\element-ui>vue-V@vue/cli4.5.4创建element-ui-test
吉他手_c156·2020-08-23 14:16

element-ui el－select多选默认值不允许编辑删除

自己琢磨半天没解决，看到一篇大佬的文章顿时茅塞顿开，记录一下加深印象原文路径：https://blog.csdn.net/qq_36356218/article/details/102605332注意：v-defaultSelect这个是引用的大佬写的main.js或组件内部的Vue.directive定义的方法，第一个值“groupid.value”是select的v-model值，第二个值“o
lning8808·2020-08-23 14:22

vue element-ui tab切换时echarts不显示

原代码–不显示问题如下用户服务人员订单解决：用户服务人员订单参考链接：https://blog.csdn.net/weixin_43549408/article/details/85250886参考文章已给了解决方案-是加上"lazy=‘true’，但控制台会报错希望得到一个布尔类型。解决–直接加上lazy即可"
mhbsoft·2020-08-23 10:48

element-ui中使用表单的maxlength时

maxlength需要加引号
Aklan·2020-08-23 08:44

element-ui上传图片>解析成base64格式>并在页面中显示

效果：结构：点击上传图片保存取消-->.main_content{.badege_box{display:flex;flex-direction:row;.uploadImg{width:344px;height:344px;text-align:center;background-color:#f8f9fc;display:flex;flex-direction:column;align-ite
瑜依依·2020-08-23 08:39

Element-UI的Switch 开关修改为字在按钮上

1、Element-UI的Switch开关用法http://element-cn.eleme.io/#/zh-CN/component/switch2、修改后的示意图3、样式修改exportdefault
sleepwalker_1992·2020-08-23 07:30

Vue、Element-ui项目中如何使用Iconfont(阿里图标库)

我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。
形影相随_371e·2020-08-23 07:45

element-ui 图片上传，并将图片转为Base64

getBase64(file){returnnewPromise(function(resolve,reject){letreader=newFileReader();letimgResult="";reader.readAsDataURL(file);reader.onload=function(){imgResult=reader.result;};reader.onerror=functio
CPU的嘲讽·2020-08-23 04:57

vue+node分页功能实现

limit实现前端（vue）1.创建一个分页组件2.通过点击分页组件的按钮获取分页的信息，post请求到后端获取数据后端（node）1.获取前端传递参数，使用limit传递给数据库前端实现1.分页组件使用element-ui
破风小k·2020-08-23 04:43
上一页 97 98 99 100 101 102 103 104 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他