E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Element-ui图片懒加载
element-ui
库的switch开关绑定number类型数据不成功
vue开发中
element-ui
库的switch开关绑定number类型数据不成功问题解决方法不管el-switch的active-value属性为active-value="100"或active-value
FFF-X
·
2023-11-08 18:44
elementui
前端
javascript
vue
element-ui
列表中el-switch 开关,使用数字0和1
el-switch组件自定义value类型失效后端传递过来是数字类型,前端el-switch开关初始化页面回显失效。官网说支持boolean、string、Number类型解决方案
佛系写BUG
·
2023-11-08 18:08
web
前端
vue.js
javascript
如何在html里封装vue组件,组件化页面:封装el-form__Vue.js
设计组件分析问题el-form是
element-ui
库的表单组件,如果我们要将其进行二次封装,那么需要考虑几个问题:如何设计表单渲染字段不同类型的el-form-item怎么去渲染,比如input,selec
weixin_39809793
·
2023-11-08 18:51
如何在html里封装vue组件
element-ui
与vue,获取对应el-select的所有属性
selectGet(id){//id传过来的是valueletobj={};obj=this.fourthGuidance.filter((item)=>{//item.objid指的就是:value="item.objid"遍历item判定与id传过来的value相等,返回一个数组objreturnitem.objid===id;});//数组obj[0].可以获取所需要的:item下的(obj
客官、打尖还是住店
·
2023-11-08 17:17
vue.js
javascript
elementui
【vue3】el-input 的获取焦点——el挂载:自定义指令,focus使 input 获取焦点(el-input 的Input Methods)
参考网址:(适用vue2)让
element-ui
的输入框聚焦的4种方式ElementUI:使input自动聚焦的两种方法使el-form中的el-input自动获取焦点在vue3中,保留了自定义指令的特性
甜甜圈Sweet Donut
·
2023-11-08 17:43
前端
vue
js
vue项目中使用jsx/render写el-form校验报错
折磨了一天的问题,心累,直接上代码
element-ui
版本:“
element-ui
”:“^2.11.0”渲染时报错:[Vuewarn]:Invalidhandlerforevent“input”:gotundefined
老实人老王
·
2023-11-08 17:35
vue
vue.js
按enter回车使el-input失去焦点
一、问题今天工作的时候,遇到了一个问题,使用
element-ui
中的el-input作为页面的输入框,当输入框失去焦点的时候和用户按回车的时候都触发同一个更新数据的事件。
Zorephp
·
2023-11-08 16:08
js入门笔记
vue
el-input失去焦点
Vue
Element-UI
中el-table实现单选
el-table中单选的实现实现方式:给el-table-column设置el-radio{{""}}{{scope.row.status|filters('availableValue')}}exportdefault{data(){return{}},methods:{//方法一:与el-table@current-change方法绑定handleCurrent(val){if(val){th
梦之归途
·
2023-11-08 09:35
Vue
vue.js
前端
elementui
Intersection Observer API
图片懒加载
、无限滚动、视口交叉
letoptions={root:document.querySelector('#scrollArea'),//可以是任何元素,或者不设置,表示相对于视口rootMargin:'0px',//类似css的margin,可以是px,也可以是百分比threshold:1.0//目标元素的可见比例,1.0表示完全可见,0表示完全不可见,也可设置0.8既需要80%区域在视口区域}letobserver=
ZHWenDong
·
2023-11-08 08:12
js
前端
javascript
vue.js
Vue CRUD & 弹出窗口 & 表单验证 & 增删改查 & 接口文档
(在
element-ui
官方dem
瑶大头*^_^*
·
2023-11-08 07:49
vue专栏
vue.js
elementui
前端
node.js
vue
无限滚动
图片懒加载
-Infinite-Scroll-Img-笔记学习
CSDN话题挑战赛第2期参赛话题:学习笔记我是Sam9029,一个前端**恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,求评论,求一个大大的赞!**Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主文章目录为什么做这个效果源码需求介绍界面设计逻辑设计图片选材写代码效果展示待改进完我是Sam9029,一个前端今天完成了无限图片
Sam9029
·
2023-11-07 13:18
CSS学习
学习
前端
javascript
elementUI 常遇问题
一.解决
element-ui
中下拉菜单子选项click事件不触发的问题将@click改为@click.native='logoutHandle';即可监听选项的点击事件。
Pumpkinz
·
2023-11-07 09:22
elementui
前端
javascript
Element-UI
中 el-table 树形数据 tree-props使用避坑 和第一级序号排列
element官网提示设置tree-props为{children:'children',hasChildren:'hasChildren'},data数据需要设置children和hasChildren属性,row-key也绑定了数据的唯一值变量id,但是树形结构就是出不来在el-table中,支持树类型的数据的显示。当row中包含children字段时,被视为树形数据。渲染树形数据时,必须要指
努力学习的木子
·
2023-11-07 01:12
vue.js
elementui
javascript
vue +
element-ui
实现省市区三级联动选择组件
目标:实现如下图所示的省市区三级联动选择组件1.新建公共组件文件global-city文件夹,里面包含组件文件:index.vue,和3个js文件分别装着省市区的code值和名称2.组件代码:index.vueimportprovinceDatafrom'./province'importcityDatafrom'./city'importareaDatafrom'./area'exportdef
努力学习~冲鸭
·
2023-11-06 20:25
vue.js
vue.js
elementui
前端
Vue+ElementUI电商项目(一)
),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,Vuex,
Element-UI
沐小侠
·
2023-11-06 20:48
Vue.js
vue.js
elementui
前端
vue实战
vue实战学习视频链接:Vue实战项目:电商管理系统(
Element-UI
)1.项目概述1.功能模块电商后台管理系统大致可以分为以下几个功能模块:用户登录,退出登录用户管理权限管理角色列表权限列表商品管理商品列表分类列表参数管理订单管理数据管理
偶尔躲躲乌云_0
·
2023-11-06 19:41
Vue2.0基础
vue
element-ui
设置table组件width为百分比无效
用min-width代替width原理:解析的时候min-width和width设置的百分比号会被替换成px,但是min-width会按照比例分配剩余空间,所以要每一列都设置百分比,或写数值,相当于设置各列的宽度比例值
HDdgut
·
2023-11-06 19:13
element
el-select框,切换选项时弹出提示框
思路:由于
element-ui
的el-select选择后只能添加change事件,但是change事件一旦触发,选择框中的值已经改变。正常的方法是监听select中的v-model绑定的值(定义一个
在奔跑中寻找
·
2023-11-06 17:05
element-ui
el-select
切换选项
el select 清空_解决
element-ui
里的下拉多选框 el-select 时,默认值不可删除问题
这是一个项目中常见的需求,el-select为下拉多选,默认值不可删除,或者指定值不可删除。实现效果:el-select如下源码中tagclosable属性为el-select的disabled属性,所有明显不支持。解决思路(从el-select的角度来考虑,其他组件组合的情况暂不考虑)想要实现某些选项是不删除,1、需要tag不可删除,2、options不可选择options不可选择很好实现,只需
weixin_39639622
·
2023-11-06 17:35
el
select
清空
【
element-ui
】el-select和el-tree组合使用实现搜索功能
效果htmljsdata(){return{options:[{id:'000',label:'根目录',children:[{id:'001',label:'123321',},{id:'002',label:'123213',},{id:'003',label:'132321',}]}],treeSelectText:'',treeValue:{},defaultProps:{children
qq_36465515
·
2023-11-06 17:32
ui
vue.js
elementui
el-select从远程获取options且可远程搜索
组件支持:为了应对需要从远程搜索获取数据的情况,
Element-UI
有给我们封装好参数让我们使用。
Charltin
·
2023-11-06 17:27
vue.js
elementui
前端
如何在vue3 项目中按需引入element组件
npminstallbabel-plugin-component-D、3、根目录下新建文件.babelre,输入以下4、修改main.js按需引入需要的控件import{Button,Select}from'
element-ui
六摄
·
2023-11-06 15:03
如何在 nuxt.js 中使用 axios.js 在组件和页面请求数据?
在开发Leafage网站的过程中,我试用过viewui(原来叫iview)、
element-ui
、antdesignvue、vuetify这几个组件库,但是约到后面会发现,
布吉_岛
·
2023-11-06 13:18
经验记录
vue
typescript
nuxt.js
asyncData
fetch
VUE框架——
element-ui
的学习
VUE框架——
element-ui
的学习在webstorm中打开项目安装
element-ui
配置main.js几个简单的组件row组件input组件button组件table组件dialog组件引入js
九儿姑娘`
·
2023-11-06 12:06
vue
vue
vue使用
element-ui
历程
element-cn.eleme.io/#/zh-CN/component/quickstart安装:npmielement-ui-SimportVuefrom'vue';importElementUIfrom'
element-ui
huangxiongbiao
·
2023-11-06 12:10
Vue组件、组件通信、路由、axios、$event、$refs、跨域代理、
element-ui
axios方法优化启动Vue项目Vue项目的运行流程组件的三个结构组件的使用组件之间的通信父子组件通信兄弟组件通信操作DOM插槽slot移除node_modules路由安装、入门嵌套路由获取路由参数跨域代理
element-ui
Forever Nore
·
2023-11-06 12:49
前端
vue.js
ui
javascript
vue中如何拦截阻断
element-ui
tab组件切换
首先我们来看下element-uitab组件中的描述那么就是说在before-leave这个回调函数触发之后,必须给这个方法一个返回值,返回false则会阻止tab页面跳转,否则发生跳转我的业务场景:用户切换到当前tab页之后会对当前页面数据做操作,操作之后如果不点击保存,跳转tab页,则提示用户“当前页面未保存”,否则成功跳转,如图效果代码如下,看官网对confirm是如何描述的,“我们将用Pr
亦双城的双子娴
·
2023-11-06 12:19
阻断tab切换
vue
基于springboot+vue的(高考)志愿录取系统(前后端分离)
项目技术:后端:springboot,mybatis前端:
element-ui
、js、css等开发工具:idea/vscode数据库:mysql5.7JD
猫头鹰源码
·
2023-11-06 08:58
高仿el-select单选搜索+前端大数据下拉滚动分页
最近在用
element-ui
遇到一些bug,在使用el-select时,数据量大了就页面渲染缓慢从而卡顿严重,为了解决这个问题,对
element-ui
进行了改造,el-select改为分页滚动加载:如上图所示的效果
啥咕啦呛
·
2023-11-06 04:51
vue
技术栈
前端综合
前端
big
data
大数据
Vue.use()是干什么的?
在初始化的时候有这么一行代码:Vue.use(vueEsign)之前使用
element-ui
,也需要使用Vue.use()这行代码到底是什么?学习一下。
upward_tomato
·
2023-11-05 23:51
vue
vue.js
javascript
前端
如何写一个axios的拦截器
importaxiosfrom"axios";import{Message}from"
element-ui
";importrouterfrom"@/router";axios.interceptors.response.use
木羽木羽女口生
·
2023-11-05 20:11
前端工程化(Vue-cli3和
Element-UI
)Vue脚手架
vue4.Vue脚手架4.1Vue脚手架的基本用法三级目录4.Vue脚手架4.1Vue脚手架的基本用法Vue脚手架用于快速生成Vue项目基础架构,其官网地址为:Vue使用步骤:1.安装3.X版本的Vue脚手架://简写为npmi-g@vue/cli也可以npminstall-g@vue/clitips:npm命令是安装node.js之后就会有的,详看node基础安装完毕后,查看是否安装成功,出现版
仲颖
·
2023-11-05 18:40
HTML
Vue
vue.js
基于
element-ui
,自定义季度选择器
前提条件:由于最近项目中用到了季度选择器控件,无奈elementui组件没有提供,只能靠自己个儿啦效果图如下:代码如下:(1)子组件部分:{{showYear}}{{item}}exportdefault{props:{value:{type:[String,Number],default:"",}},model:{prop:"value",//定义v-model的值传递给那个prop属性even
*杨丫丫*
·
2023-11-05 15:28
Element
Ui
Element
Ui
vue
前端
javascript
element-ui
,使用message防止多次提示,全局配置可关闭提示
但是假如出现我们操作完成要异步继续进行其他操作,或者多次调用接口时这个时候一直提示对用户是很不友好的,我们只需要让他提示最后一次即可;1:在untils文件夹下创建oneMessage.js,完整代码如下import{Message}from'
element-ui
前端辣白菜
·
2023-11-05 14:56
vue后台管理开发笔记
javascript
前端
开发语言
element ui 引入css,
element-ui
引入方式、自定义主题
1.element-ui组件引入方式:1)完整引入在main.js中写入以下内容:importVuefrom'vue';importElementUIfrom'
element-ui
';import'
element-ui
weixin_39641697
·
2023-11-05 14:26
element
ui
引入css
使用CDN引入
element-ui
时改变全局配置(size,zIndex)
//importElementUIfrom"
element-ui
";//import"
element-ui
/lib/theme-chalk/index.css"//Vue.use(ElementUI,{
昊祺吖
·
2023-11-05 14:25
elementUi
vue
ui
vue.js
javascript
vue 调用
element-ui
修改全局样式且只作用于当前页面以及组件
vue调用
element-ui
修改全局样式且只作用于当前页面以及组件使用关键字“/deep/”在当前页面添加样式:自定义类名/deep/{elementui选择器类名{样式}}或者父样式名>>
sleep种子
·
2023-11-05 14:55
vue
css
vue
elementui
Element-Ui
在vue中的使用大全
Element-Ui
在vue中的使用大全导入添加安装插件npminstallelement-plus--save全局引入element-plusmain.js中全局注册,这种方式引入后,在全局中使用都不需要
千帆过尽@
·
2023-11-05 14:24
前端
elementui
vue.js
自定义
element-ui
plus 函数式调用,在API,js中直接使用全局组件
npm方式:npminstall-Dunplugin-vue-componentsunplugin-auto-importyarn方式:yarnaddunplugin-vue-components;yarnaddunplugin-auto-import;使用官方的这个:vite.config.js中配置plugins:[vue(),AutoImport({resolvers:[ElementPlu
我来秋风扫落叶
·
2023-11-05 14:16
javascript
vue.js
前端
element-ui
使用及一个简单的登录验证
--savenpminstallstylus-loader--save2,installelement-uinpmielement-ui-S再main.js中加importElementUIfrom'
element-ui
果粒橙没有粒
·
2023-11-05 13:09
vue +
element-ui
聊天_看看这45个基于Vue 开源项目,你值得关注!(收藏)
来源|https://www.jianshu.com/p/47bac9ccaaa7在过去一年里,前端开发发展迅速,前端工程师的薪资亦是水涨船高。2020年也会热度不减,而作为近年来尤为热门的前端框架Vue.js自是积累了大量关注。本文将为你总结一下2019年里最值得关注的45个Vue.js开源项目——Let'sgo!在过去的一年里,我们比较了将近12000个Vue.js开源项目和库,并从中挑选了最
weixin_39796752
·
2023-11-05 12:21
vue
+
element-ui
聊天
Vue
合同模板
element-UI
select下拉框 远程查询 编辑回显问题解决
多选下拉框:解决下拉框远程查询回显展示不正确的问题//data:从table中传给dialog的对应行数据rowconst{names,codes}=data//解决远程展示value不是label的问题names.map((item,index)=>{//获取到对应的refs元素,然后往其中的cachedOptions去push对象,将需要回显对应的label与value值存入this.$ref
在小白的路上越走越远
·
2023-11-05 08:33
element-ui
el-table复选框禁止选中
{{scope.row.date}}exportdefault{data(){return{tableData:[{age:1,date:'2016-05-03',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{age:222333332,date:'2016-05-02',name:'孙小虎',address:'花果山'},{age:32,date:'2016-05
奋斗的蜗牛,奔跑吧
·
2023-11-05 07:47
element
vue
elementui
前端
vue
element-ui
设置table某些项不可勾选
selectable仅对type=selection的列有效,类型为Function,Function的返回值用来决定这一行的CheckBox是否可以勾选Function(row,index)——selectInit(row,index){ if(row.onlineState==0){ //判断条件 returnfalse //不可勾选 }else{
安忘
·
2023-11-05 07:16
vue
element-ui
——
element-ui
中使表格不能选中
手动添加一行el-table-column,设type属性为selection即可如果此时绑定的selectable为true,则可选中,如为false,则不可选中methods:{selectable(row,index){if(1===1){returntrue}else{returnfalse}},}
dbt@L
·
2023-11-05 07:15
Element
UI
element-ui
element-ui
table之选择框禁止选中
需求场景:当我们对列表中一下数据选中后,调用接口处理数据中的状态,而对于已经处理了的数据,则不能再次进行处理。可能你首先想到的通过选中的数据,将其中的已处理数据过滤掉。这里我们通过已处理的数据,我们将禁止选中,那怎样才能实现呢?首先我们实现多选:手动添加一个el-table-column,设type属性为selection即可;然后设置selectable属性来决定该行数据是否选中。......设
qq_36437172
·
2023-11-05 07:14
element-ui
table
element-ui
table
选择框禁止选中
selectable
element-ui
table选择框禁止选中
需求场景:当我们对列表中一下数据选中后,调用接口处理数据中的状态,而对于已经处理了的数据,则不能再次进行处理。可能你首先想到的通过选中的数据,将其中的已处理数据过滤掉。这里我们通过已处理的数据,我们将禁止选中,那怎样才能实现呢?首先我们实现多选:手动添加一个el-table-column,设type属性为selection即可;然后设置selectable属性来决定该行数据是否选中。......设
吴冬雪~
·
2023-11-05 07:14
element-ui
vue.js
javascript
element-ui
element-ui
在table中禁用其中几行
element-ui
官网上提供了selectable属性checkSelectable(row){if(row.name==='王小虎'){returnfalse//禁用}else{returntrue
怕是个神仙啊
·
2023-11-05 07:41
vue.js
javascript
前端
elementui
vue
[
element-ui
:table ] 设置table中某些行数据禁止被选中,通过selectable 定义方法解决
业务需求:需要做到table表格中某些行数据不能被选中,比如在审核一些记录数据时,已经被审核的数据就不能再次提交审核,特别是批量多选的情况,列表中既有已经审核的,也有未审核的,只要求选中未审核的记录即可(当然也可以提前把已经审核的数据过滤掉)。做到如下效果,点击全选,仅仅未被审核的被选中:官网寻找解决办法:发现列有一个selectable属性,描述为:仅对type=selection的列有效,类型
玫城
·
2023-11-05 07:09
Vue
ui
vue.js
javascript
【示例】
element-ui
table 的 selection 设置禁用选择框之禁止选中行,设置只可以选中某行
描述:设置el-table中的某些行可以选中,使用的是selectable参数。代码如下:示例一:设置可选中的条件:checkSelectable(row){returnrow.date=='2016-05-04'},示例二:设置2016-05-04的不可选中checkSelectable(row){returnrow.date!='2016-05-04'},
Ahuuua
·
2023-11-05 07:09
前端
elementui
el-table
selection
上一页
17
18
19
20
21
22
23
24
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他