element-ui
asteriaV
这个作者很懒,什么都没留下…
展开
-
修改elementui tree中label的值
1.defaultProps中label: 'label',则显示数据中label的值<el-tree :data="data" default-expand-all> <span class="custom-tree-node" slot-scope="{data }"> <span> {{data.code}}{{ data.label}} </span> .原创 2021-05-07 14:23:56 · 7157 阅读 · 5 评论 -
elementUi里面的el-input框有时候无法输入的问题
最近发现项目中需要输入内容的时候,input框有时候会无法输入进去发现elementUI中@input事件可以拿到当前输入的值,问题找到了,视图没有更新的问题解决方法 this.$forceUpdate()原文:https://www.jianshu.com/p/5f3506a75fa2...转载 2021-04-30 11:07:52 · 347 阅读 · 0 评论 -
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
官网的demo献上在elementui Input输入框中可以找到远程搜索组件,获取服务端的数据官网中的数据list都是写在loadAll()中的,而如果我们此时要用到mock的数据就要在此基础上对代码进行修改。-mock数据的获取-我们要获取远程mock中所有学生的学号信息,根据输入的数据来远程查找目标,并且在选中该目标后能够自动填充对应的姓名、生日、手机等信息,实现快速获取信息的功能,再也不用手动一个个去输入所有的数据啦~在template中添加el-autocomplete转载 2021-04-29 18:32:18 · 1890 阅读 · 0 评论 -
el-tree点击时改变字体颜色+根据返回数据改变字体颜色
1.点击时字体为蓝色,state=1过滤返回数据:state=0为灰色,state=1颜色正常2.html <el-tree ref="tree" class="filter-tree check" :class="isCheck=='1'?'start':''" :data="data" default-expand-all node-key="id" :filter-node-method="filterNode" :props="default.原创 2021-04-29 11:02:54 · 1932 阅读 · 0 评论 -
vue-cli3.0报错Uncaught TypeError: Cannot read property prototype of undefined
在vue项目里使用CDN方法引入使用elementui组件时报错1)引入2)报错如下:3)解决方法:报错原因,引入js顺序问题,按如下所示引入即可。参考以下格式所得,通过CDN的方式,使用Element写出一个Hello world页面<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS -->...原创 2020-06-03 17:11:21 · 5274 阅读 · 0 评论 -
vue+element-ui的项目使用分页器,跳转后再返回时高亮问题
1.页面所需相关操作如下:第一步:如下是班级管理模块的页面,跳转到班级管理的详情页面第二步: 再从班级管理详情页面返回到班级管理页面时,班级管理页面应该显示的是原先所选择的第5页第三步:其它页面点击跳转到该页面(如班级管理页面)时,应该为第一页(显示初始数据)2.代码初始列表页面(班级管理)页面代码://html <el-paginatio...原创 2020-01-13 10:57:44 · 814 阅读 · 0 评论 -
vue页面跳转的同时把$message消息语句删除
一,创建一个message.js文件import { Message } from 'element-ui';export const warningOpen=(msg)=>{ Message({ showClose: true, message:msg, type: "warning", center: t...原创 2019-12-10 10:35:40 · 1883 阅读 · 0 评论 -
vue组件化引入message.js文件实现$message消息语句按需引入
最近用vue写项目时有用到$message消息提示语句,又觉得每次添加都要几行代码过于累赘,如下所示 this.$message({ showClose: true, message: "没有找到记录!", type: "warning", center: true ...原创 2019-12-10 10:19:55 · 4383 阅读 · 0 评论 -
vue 设置表格当内容过长时自动添加省略号,点击时显示提示文本
效果图如下:方法一:vue使用element-ui中的table布局,其实只要添加一个自带属性方法就可以:代码: <el-table-column label="家长建议" :show-overflow-tooltip="true"> <template slot-scope="scope"> ...原创 2019-11-20 10:59:22 · 4993 阅读 · 0 评论