自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 表单组件v-model对象,实现数据双向绑定,保证数据单向流转

odelValue)});},set(val){});

2023-04-04 22:41:31 129

原创 树形数据 根据 code 查找 code的全路径

// 通过 code 反查全路径// 参数:list: 属性数据 targetCode: 目标code fullPathList: 记录查找路径list getFullListByCode(list, targetCode, fullPathList = []) { // fullPathList 全路径 let fullList for (let i = 0; i < list.length; i++) { let item = list[i]

2021-12-29 20:50:10 399 1

原创 vue路由采用history模式时nginx上的配置

router.js// 微前端项目/xx-web-xx,子项目的base也许以/xx-web-开头new VueRouter({ mode: 'history', base: '/xx-web-xx-xx', routes})nginx配置 location ~* ^/xx\-web\-.* { root html/; try_files $uri $uri/ /xx-web-xx-xx/index.html; index ind

2021-09-18 11:20:00 403

原创 elementUI 两个输入框联动校验 第一个输入框值不能大于第二个输入框值 第二个输入框值不能小于第一个输入框值

elementUI 两个输入框联动校验第一个输入框值不能大于第二个输入框值第二个输入框值不能小于第一个输入框值<el-form-item prop="start" label-width="70px"> <el-input clearable type="text" v-model="thisForm.start" @clear="$refs.thisForm.validateField('start')" @inp

2021-09-13 17:13:41 6460 4

原创 js 上一页下一页切换获取切换后索引值

可以参考elementUI 源码:import ElImageViewer from 'element-ui/packages/image/src/image-viewer'let index = 0 // 初始索引,也可以组件传过来let list = [1, 2, 3] prev() { // 上 const len = this.list.length; this.index = (this.index - 1 + len) % len; }, next() { // 下

2021-09-13 17:03:55 210

原创 vue cli3.x配置proxy跨域

前端配置proxy:方法一:使用pathRewrite重写API例子: xxxapi 为自己自定义的名字request({ url: '/xxxapi' + '/system/xxx', method: 'post', contentType: false, data: params })devServer: { proxy: { '/xxxapi': { target: '服务器地址', changeOrigin:

2021-08-25 10:51:13 124

原创 iOS fixed不生效

与fixed同级添加下面属性transform: translateZ(0)!important;

2021-05-28 17:20:57 190

原创 js 设置某一区间段的时间,作为下拉框选项来用

js 设置某一区间段的时间,作为下拉框选项来用比如:次日开始为期一周可选(7个选项值依次展示),样式为“2021-02-13”;function timeFormat(time) { // 时间格式化 2019-09-08 let year = time.getFullYear(); let month = time.getMonth() + 1; let day = time.getDate(); return year + '-' + month + '-' + day

2021-04-29 17:51:08 508

原创 elementui table 默认选中toggleRowSelection以及多级表头固定 采坑

选不中原因分析:row-key对应的是列表里的对象,勾选的是咱们自己传的,表格认为你传回的 选中集合跟列表row的对象不是同一个解决方案: 用传入的数据与表格数据比对然后在进行回显如果是动态数据也要回显,需要设置row-key与:reserve-selection=“true”// listData 表格数据----数组// array 传入数据----数组 <el-table ...

2020-03-26 19:54:07 872 1

原创 js设置cookie 获取cookie

获取cookiefunction getCookie(name) { let strCookie = document.cookie.replace(/\s+/g, '') let arrCookie = strCookie .split(';') for (let i = 0; i < arrCookie.length; i++) { let arr = arrCoo...

2020-03-16 11:59:38 130

转载 vue .sync修饰符

从 vue 2.3.0 开始,重新引入了 .sync 修饰符,但是这次它只是作为一个编译时的语法糖存在。他会被自动扩展为一个 自动更新父组件属性的 v-on 监听器。例如:<child :foo.sync=”msg”></child> 就会被扩展为: <child :foo=”bar” @update:foo=”val => bar = val”&...

2020-03-11 15:29:46 83

转载 【ElementUI】日期选择器时间选择范围限制,只能选今天之前的时间,或者是只能选今天之后的时间。今天是否可以选。限制结束日期不能大于开始日期

【ElementUI】日期选择器时间选择范围限制,只能选今天之前的时间,或者是只能选今天之后的时间。今天是否可以选。限制结束日期不能大于开始日期

2020-02-26 09:51:03 2607

原创 js 获取url中的参数

js 获取url中的参数并存储到对象中let urlQuery = {}window.location.href.replace( /([^?&=]+)=([^&]+)/g, (_, k, v) => (urlQuery[k] = v))console.log(urlQuery )js 获取url中的某个参数值function getQueryStrin...

2020-02-12 12:31:44 133 1

原创 vue二进制数据流 导出报表

export function exportExcel(url, params, name) { // url: 地址 params=>参数 name=>报表名称 const token = localStorage.getItem('X-LONGCHAT-Token') return new Promise((resolve) => { axios ...

2020-02-10 16:29:38 427

原创 移动端设置水印

直接上代码<script>export default { created() { this.water(); }, beforeDestroy() { clearInterval(this.timer) window.onresize = null }, methods: { water() { this.setMa...

2020-01-15 23:04:39 833

转载 ElementUI多个子组件表单的校验管理

ElementUI多个子组件表单的校验管理

2020-01-10 18:31:56 522

原创 vuecli3.x发版上线使用时间戳清除缓存

vue项目如果打包上线不清缓存的话,浏览器中就会存在缓存,必须强制清除,一下是配置webpack,打包上线后自动清除缓存配置vue.config.js文件module.exports = { return { output: { filename: `[name].${new Date().getTime()}.js`, chunkFilen...

2020-01-10 10:18:16 911

原创 vue组件上使用v-model

v-model实现数据双向绑定,其实现原理为::value=“params” @input=“params = $event.target.value”(v-model语法糖)自己写了个demo,代码如下:父组件在这<template> <div> <testChild v-model="testText"></testChild&gt...

2020-01-03 12:04:48 255

原创 elementui-upload上传文件的封装

基于最近的项目封装了个基于elementUI的文件上传组件文件上传组件:data为需要传给后端的参数headers传token<template> <div class="v-UploadFile"> <el-upload class="upload" accept=".xls, .xlsx" :data="pa...

2019-10-29 10:17:02 1466

转载 Vue 开发必须知道的 36 个技巧【近1W字】

本文转自:https://juejin.im/post/5d9d386fe51d45784d3f8637

2019-10-23 11:34:37 85

原创 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数

js控制input框只能输入数字和一位小数点且小数点后面只有两位小数<el-input class="search-select-social" v-model="ruleForm.jiJinApplyAmount" @input="changeInputVal('jiJinApplyAmount')"> <span slot="suffix" class="unit"&...

2019-10-09 14:15:56 2263 1

原创 vue axios轮询请求数据

点击执行,轮询查询此条数据的状态<el-button :disabled='!scope.row.status || scope.row.executeStatus == 2' @click="handleClick(scope.row)" type="text" size="small">{{scope.row.executeStatus == 2?'执行中':'手动执行'}}&l...

2019-09-30 11:00:47 3297

原创 elementUI Tree 树形控件 懒加载

自己做项目用到的懒加载方法<template> <el-dialog class="depdialog" title="请选择" :visible.sync="depVisible" :close-on-click-modal="false" @close="depClose" width="45%" > ...

2019-09-30 10:45:10 2073

原创 elementui-tree树形,父节点与其子节点全选中只传父节点给后端

此方法父元素code与子元素code要有关联例如:父code: 001002子code:001002001,001002002,001002002001,001002003,001002003001或者:父code1子1-1,1-2,1-3,1-3-1,1-3-2depTags 表示点击确定后拿到的树形选中的数组this.depTags = this.$refs.tree.getCheck...

2019-09-30 10:38:21 3439

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除