- 博客(36)
- 收藏
- 关注
RSS订阅原创 下载文件接口请求
@click="downloadFile(item)"downloadFile(file) { downloadNoticeFile(file.id).then(response => { const blob = new Blob([response.data]); const fileName = file.fileOldName; if ('download' in document.createElement('.
2022-05-24 19:00:10
487
原创 vue 组件之间传值
传参this.$bus.emit('searchForm', params);接收this.$bus.on('searchForm', (content) => { this.Data = content;});//vue原型链挂载总线Vue.prototype.bus = new Vue();//子组件发送数据this.bus.$emit(“change”,data);//子组件接收数据this.bus.$on(“change”,function(data){})va
2022-04-25 19:43:37
185
原创 Ant Design Vue 表格穿梭框使用
html代码<a-transfer :data-source="mockData" :target-keys="targetKeys" :show-search="true" :filter-option="(inputValue, item) => item.title.indexOf(inputValue) !== -1" :show-select-all="false" @change="onChange1"> <!-- <template
2022-04-22 09:36:18
4596
1
原创 vue elementui tooltip 内容省略以及字数过滤
表格方法<el-table-column width="130" prop="operationDescription" header-align="center" align="center" label="描述"> <template slot-scope="scope"> <el-tooltip :content="scope.row.operationDescription" placement="top"> <p
2022-04-18 11:47:22
754
原创 根据不同电脑比例调节页面样式
css样式// 大于1537 @media screen and (min-width:1537px){ /deep/.contentbox{ margin-top: 15px; width:100%; height: 600px; max-height:calc(100% - 150px); overflow-y: auto; white-space:normal; word-break:break-all;
2022-04-02 11:09:40
148
原创 vue-quill-editor富文本框增加表情包quill-emoji
引入并注册import { Quill, quillEditor } from 'vue-quill-editor'import quillEmoji from 'quill-emoji'import 'quill-emoji/dist/quill-emoji.css'Quill.register('modules/quillEmoji', quillEmoji)上面组件得installexport default { components: { quillEditor },
2022-04-01 17:31:52
3709
6
原创 vue elementui 级联选择器，数据数组下套数组，josn格式解析数据
vue elementui 级联选择器，数据数组下套数组，josn格式解析数据html部门：<el-form-item label="显示范围"> <el-cascader v-model="showRange" :options="options" placeholder="默认所有人可见" :props="{ multiple: true, filterable: true, }" collapse-tags
2022-03-22 19:41:16
525
原创 弹窗背景图设置，关闭按钮
弹窗<div v-show="BackImg" class="BackgroundImg"> <img class="closeImg" src="../../../../assets/close.png" @click="()=>{ BackImg = BackImg?false:true }" >//右上角x号 <div> <span class="texttitle">最近更新提醒&l
2022-03-15 09:50:27
569
原创 系统公告：滚动条（弹幕滚动）
html部分//公告滚动内容<div class="div2"> <div ref="div3Ref" class="div3" > //公告前面图标 <img src="image/logo/xinxitonggao.png"><el-button type="text" style="color: #303133;" @click="titledetails(systemMsg[0].uu
2022-03-12 12:02:46
372
原创 vue element ui实现文字消息滚动循环，轮播图
轮播图<div class="bs-sysMsg"> <div class="msg__content"> <el-carousel height="20px" direction="vertical" indicator-position="none" :autoplay="true"> <el-carousel-item v-for="item in systemMsg" :key="item.uuid"> &
2022-03-08 19:31:11
4257
原创 Ant Design Dropdown下拉选项被弹窗遮盖及遇到的问题
<a-dropdown :trigger="['click']" :getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body;}"> <a-menu slot="overlay"> <a-menu-item key="1"> <a-button @click="import
2022-03-01 12:04:44
2839
原创 elementui下拉框无限滚动，滚动到底部再次查询
<el-form-item label="IP地址" id="loadMoreSelect"> <!-- remoteMethod --> <el-select v-model="queryParams.ip" clearable multiple :multiple-limit="1" @visible-change="changeValue1($event)" filterable>
2022-02-13 21:50:09
1373
原创 elementui 下拉框为true触发函数
@visible-change="changeValue1($event)"changeValue1: function(callback) { //只有回调参数为true时才触发 this.getIPLists()这个函数; if (callback === true) { this.getIPLists() } },
2022-02-13 15:06:40
426
原创 两个数组对比
将两个数组中不同的元素提取出来let YYdate=[2022,2023]let indeate=[2021,2022,2023] exist:function(num,arr){ for (var j = 0; j < arr.length; j++) { if (num === arr[j]) { return false; //如果传过来的元素在arr1中能找到相匹配的元素，我们返回fasle } }
2021-12-13 10:46:56
726
原创 保留小数点后两位
let i=1.0200001let l=parseFloat(i).toFixed(2) // '1.02'let p=Number(parseFloat(i).toFixed(2)) // 1.02
2021-12-07 09:47:23
110
原创 前端break和continue以及return的区别
//for(初始值;循环条件;增量){// 循环体//}// continue 跳过某一次循环,还会执行下一次循环// break 跳出循环,结束循环//function 函数名称(参数列表){// 函数体// return 值; //返回值，调用函数后得到的结果//}//return用于函数体中，返回函数调用后的结果；如果函数中没有return或者return后不加任何的值则返回undefined；一旦return执行后，就会跳出函数，结束函数体的执行。...
2021-12-07 09:46:52
406
原创 echarts使用
<template> <div class="marginB" style="width:80%;margin: 0 auto;"> <div id="main2" style="float:left;width:100%;height: 500px;margin: 0 auto;" ></div> <...
2021-12-07 09:46:36
93
原创 vue中的 eslint
在VScode上安装eslint和vetur插件,在设置中找到setting文件 添加配置 让VScode在保存时按照eslint规范来自动格式化// 重新设定tabsize"editor.tabSize": 2,// 每次保存的时候将代码按eslint格式进行修复"editor.codeActionsOnSave": { "source.fixAll.eslint": true},// 添加 vue 支持"eslint.validate": [ "vue", "html", "ja
2021-12-07 09:46:21
538
原创 vue3.0 引入element-plus
安装element-plus npm install element-plus --save yarn add element-plus完整导入// main.js import { createApp } from 'vue' import ElementPlus from 'element-plus' import App from './App.vue' const app = createApp(App) // 在引入 Element Plus 时，可以传入一个包含 s
2021-12-07 09:46:05
6996
2
原创 vue 前端excel表格导出
安装excel所需的依赖和按需加载npm install xlsx file-saver -Snpm install script-loader -S -D在src目录下创建vendor文件夹存放Export2Excel.js文件链接：[link](https://pan.baidu.com/s/1Y782g39CI4T-HXpWftN-UQ)提取码：1234excel导出参数参数说明类型可选值默认值header导出数据的表头Array/[]data
2021-12-07 09:45:50
113
原创 vue埋点 记录在前端页面停留时间
import API from '@/modules/system/api/api_userTime'const router = new Router({ mode: 'history', base: process.env.BASE_URL, scrollBehavior: () => ({ y: 0 }), routes: constantRouterMap})// API 保存数据接口let startTime = Date.now()let
2021-12-06 17:46:39
1722
原创 vue 前端自动保存
<template> <div> <el-form :model="dataForm"> <el-input size="mini" v-model="dataForm.budgetprojectname"></el-input> </el-form> </div></template><script> export default { data
2021-12-06 17:45:31
2004
原创 element 日期选择器el-date-picker 月份/日期范围控制
element 日期选择器el-date-picker 月份范围控制<template><el-date-picker type="month" v-model="yearMonth" format="yyyy-MM" value-format="yyyy-MM" :picker-options="pickerOptions"></template><script> export default { data () {
2021-12-06 17:44:17
4682
原创 前端数组下 对象的数字的和
this.projectshareamount=this.dataList.reduce(function(total,item){console.log(item.oldprojectshareamount); return Number(item.oldprojectshareamount) + Number(total)},0)
2021-12-06 17:40:16
59
原创 elementui 树形控件 el-Tree 单选
<el-tree v-if="isShow" :props="defaultProps" ref="tree" lazy :load="loadNode" :expand-on-click-node="false" show-checkbox check-strictly node-key="id" @check-change="nodeClick">nodeClick (data, checked, node) { if (checked ==
2021-12-06 17:25:07
403
原创 vue elementui中el-table 动态合并行 数组去重
数组下对象去重// 去重let obj={}this.dataList=this.dataList.reduce((item,next)=>{ obj[next.projectcode]?'':obj[next.projectcode]=true&&item.push(next) return item},[])el-table 改变第几行字体颜色<el-table :data="dataList" border style="width: 10
2021-12-06 17:21:06
1342
原创 前端vue格式验证
正则/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export function isMobile (s) { return /^1[0-9]{10}$/.test(s)}/** * 电话
2021-12-06 17:17:59
485
原创 金额数字转成中文大写
数字金额转成中文大写/** * 数字金额转成中文大写 * 因为indexOf只接受字符串型 * n值需转化 * numberToChinese ( new String(n) ) * @param {*} n */export function numberToChinese (n) { var zf = '' if (n.indexOf('-') > -1) { zf = '负' n = n.replace('-', '') } if (!/^(0|[
2021-12-06 16:58:19
39
原创 当前时间 标准时间转化 时间
获取当前时间/***获取当前时间*/export function getCurrentDate() { // var _this = this var yy = new Date().getFullYear() var mm = new Date().getMonth() + 1 if (mm < 10) { mm = '0' + mm } var dd = new Date().getDate()< 10 ? '0' +
2021-12-06 16:53:57
106
原创 elementui表格不改变值，改变显示内容
elementui表格不改变值，改变显示内容不改变值，改变显示内容<el-table> <el-table-column :formatter="formatterWhether"></el-table-column></el-table>// 状态 formatterWhether (row, column, cellValue) { console.log(row, column, cellValue); retu
2021-11-09 15:56:01
519
转载 elementui的表格加红色*号
elementui的表格加红色*号<template> <el-table :header-cell-class-name="mustAdd"></el-table></template><script>export default { methods: { // lable红色 mustAdd({ row, column, rowIndex, columnIndex }) { // columnIndex 列下标
2021-11-09 15:51:47
347
原创 关闭当前页面
关闭当前页面computed: { mainTabs: { get () { return this.$store.state.common.mainTabs }, set (val) { this.$store.commit('common/updateMainTabs', val) } }, mainTabsActiveName: { get () { return this.$store.state.common.mainTabsActiv
2021-11-08 16:21:08
677
原创 保存校验数据不能为空
保存校验数据不能为空// 表单提交 getDataList(code) { let tip = this.formValidate()//校验函数 if (tip) { this.$alert('数据校验未通过：<br/>' + tip, '提示', { dangerouslyUseHTMLString: true, type: 'error' }) return false
2021-11-04 17:56:44
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人