![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
倔强的烤马铃薯
互联网从事人员,工作为前端开发,擅长pc端,小程序,APP开发。
展开
-
VUE+Element实现历史搜索
实现历史搜索,主要用到了 localStorage 储存localStorage 可以长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。引入element的 autocomplete输入框 是一个可带输入建议的输入框组件<template> <div> <el-autocomplete class="inline-input" v-model="state1" :fetch-suggestions="querySearch" placehold原创 2021-09-04 12:14:31 · 1157 阅读 · 1 评论 -
vue根据颜色选择器改变,背景颜色跟字体颜色
如果你在根组件下注入了store,那么就可以在 .vue文件中使用 $store.state.xxx然后根据颜色颜色选择器,选择的颜色动态改变 $store.state.xxx ,以达到改变背景色跟字体颜色的目的。<template> <div> <!-- leftbackground 跟 leftcolor是我自定义设置的 --> <div :style="{backgroundColor: $store.state.leftbackgro原创 2021-03-23 16:14:45 · 2157 阅读 · 0 评论 -
vue+element 实现表格,键盘上下键选择某一行,并选中
1.直接上代码<template> <div> <el-form label-width='0.5rem' style='display:flex' class='fromclass aline'> <el-form-item label="公司" required> <el-input style='width:1.6rem' v-model="purchase" autocomplete="off" @keyup.native.原创 2020-12-31 10:33:24 · 4288 阅读 · 4 评论 -
element 时间选择器禁止选择以前或以后的时间
<el-date-picker v-model="certificatetime" value-format="yyyy-MM-dd" :picker-options="pickerOptions" clearabletype="date" placeholder="选择日期" style='width:0.8rem'></el-date-picker>export default { data() { return { pickerOptions: { d原创 2020-12-29 09:35:20 · 2081 阅读 · 5 评论 -
element 单位写在input输入框中
input 输入框需要写在 el-form 中<el-form ref="userInfo"> <el-form-item label="金额" label-width="0.5rem"> <el-input style='width:0.7rem' v-model="money" autocomplete="off" oninput="value=value.replace(/[^\d.]/g,'')" onafterpaste="this.value=th.原创 2020-12-28 18:24:38 · 375 阅读 · 0 评论 -
element select选择器获取选中的所有数据
1.引入select选择器 <el-select v-model="defaults" filterable placeholder="请选择" style='width:1.2rem' @change="getdefaults"> <el-option v-for="item in datalist" :key="item.code" :label="item.name" :value="item" > </el-option></el-select&原创 2020-12-28 17:19:43 · 7315 阅读 · 7 评论 -
element时间线动态修改颜色图标
<el-timeline :reverse="reverse"> <el-timeline-item v-for="(activity, index) in activities" :key="index" :icon="actiicon(activity.publics)"//动态设置图标 :color='colors(activity.publics)' //动态设置颜色 :timestamp="activity.timestamp"> {{activ...原创 2020-12-25 17:15:40 · 4303 阅读 · 0 评论 -
element表格全选分页选中,清空选中,禁止选中
1.直接贴代码<template> <div> <el-table :data="tableData" border style="width: 100%" @selection-change="selectAll" ref="multipleTables"> <el-table-column min-width='50' type="selection" align="center" :reserve-selection="true" :select原创 2020-12-10 18:23:05 · 725 阅读 · 0 评论 -
vue+element上传多张图片并回显
1.html代码<el-upload class="avatar-uploader" :action="url" 请求的地址 :headers='myheaders' 请求头 :on-preview="handlePictureCardPreview" 点击文件列表中已上传的文件时的钩子 :auto-upload='false' 是否在选取文件后立即进行上传:on-remove="handleRemove" 文件列表移除文件时的钩子:on-success原创 2020-11-11 09:24:39 · 2110 阅读 · 4 评论 -
vue+element动态搜索条件
html代码<el-card class="box-card"> <el-form label-width='0.5rem' class='fromclass'> <el-form-item :label="item.name" v-for="item in searchlist" :key='item.code' v-if="item.type=='input'" style='float: left;'> <el-input st原创 2020-09-17 10:28:59 · 1008 阅读 · 0 评论