随笔分类 - element
摘要:实现历史搜索,主要用到了 localStorage 储存 localStorage 可以长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。 引入element的 autocomplete输入框 是一个可带输入建议的输入框组件 <template> <div> <el-autocompl
阅读全文
摘要:如果你在根组件下注入了store,那么就可以在 .vue文件中使用 $store.state.xxx 然后根据颜色颜色选择器,选择的颜色动态改变 $store.state.xxx ,以达到改变背景色跟字体颜色的目的。 <template> <div> <!-- leftbackground 跟 le
阅读全文
摘要:1.直接上代码 <template> <div> <el-form label-width='0.5rem' style='display:flex' class='fromclass aline'> <el-form-item label="公司" required> <el-input styl
阅读全文
摘要:<el-date-picker v-model="certificatetime" value-format="yyyy-MM-dd" :picker-options="pickerOptions" clearable type="date" placeholder="选择日期" style='wi
阅读全文
摘要:input 输入框需要写在 el-form 中 <el-form ref="userInfo"> <el-form-item label="金额" label-width="0.5rem"> <el-input style='width:0.7rem' v-model="money" autocom
阅读全文
摘要:1.引入select选择器 <el-select v-model="defaults" filterable placeholder="请选择" style='width:1.2rem' @change="getdefaults"> <el-option v-for="item in datalis
阅读全文
摘要:<el-timeline :reverse="reverse"> <el-timeline-item v-for="(activity, index) in activities" :key="index" :icon="actiicon(activity.publics)"//动态设置图标 :co
阅读全文
摘要:1.直接贴代码 <template> <div> <el-table :data="tableData" border style="width: 100%" @selection-change="selectAll" ref="multipleTables"> <el-table-column m
阅读全文
摘要:1.html代码 <el-upload class="avatar-uploader" :action="url" 请求的地址 :headers='myheaders' 请求头 :on-preview="handlePictureCardPreview" 点击文件列表中已上传的文件时的钩子 :on-
阅读全文
摘要: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='i
阅读全文