element ui
前端李小白
这个作者很懒,什么都没留下…
展开
-
获取element ui Tree组件 调用过滤方法后的数据
最近有个需求是需要获取过滤后的 Tree组件数据, 看了一下element的文档,发现没有这个api,然后看了一下tree组件的数据,也没找到过滤后的数据,最后发现,element是通过Nodetree控制一个visible的变量来控制节点显示不显示的,如图得到这个参数也算不错了,接下来就只需要写个递归遍历出来就行 /** * @description: 获取过滤后的数据 */ getFilterData() { if (this.filterText)原创 2021-04-07 10:55:18 · 3092 阅读 · 2 评论 -
element ui 树形控件tree实现单选功能
<el-tree ref="tree" class="tree" :props="treeProps" :node-key="'id'" :empty-text="' '" :data="treeData" show-checkbox check-strictly :expand-on-c原创 2020-11-17 16:14:32 · 3474 阅读 · 4 评论 -
使用element ui datapicker 选择日期范围并设置默认选择一年时间
在template中<el-date-picker v-model="timedata" type="daterange" size="mini" range-separator="至" st...原创 2019-07-30 11:39:47 · 20611 阅读 · 2 评论 -
vue中使用element ui的input框做一个带模糊搜索的输入框
说不多说直接贴代码,在template里面:<el-autocomplete class="inline-input" v-model="disease" :fetch-suggestions="querySearch" placeholder="请输入疾病名称" :trigger-on-focus="fals...原创 2019-07-26 11:10:20 · 24079 阅读 · 6 评论 -
Vue实现input框模糊搜索
方法一:在template里面<el-select class="firstInput" filterable remote placeholder="请输入关键词" :remote-method="remoteMethod" ...原创 2019-07-26 17:56:54 · 6032 阅读 · 1 评论 -
Element ui colorpicker在Vue中的使用
首先要有一个color-picker组件 <el-color-picker v-model="headcolor"></el-color-picker>在data里面data() { return {headcolor: ’ #278add ’ //这里可以选择一个默认的颜色} }然后在你想要改变颜色的地方用v-bind绑定就好了,例如:这里的:sty...原创 2019-07-26 18:23:20 · 4595 阅读 · 6 评论 -
封装两个element ui颜色选择器color picker(改变主题颜色)不管是不是element ui的主题颜色都可以更改
封装了两个element ui 颜色选择器,一个是本地储存(local storage)保存颜色,并不需要调取接口即可保存用户的改变的主题颜色。另外一个是改变颜色之后,刷新页面改变的颜色就会变回原来的初始值。需要哪一个看你个人选择。本地储存颜色:1.首先封装一个colorPicker组件<template> <el-color-picker v-model="t...原创 2019-09-29 23:33:33 · 3640 阅读 · 1 评论