- 博客(7)
- 收藏
- 关注
原创 echarts图例与文字对齐问题
今天使用echarts时发现官网示例图例部分并没有进行对齐,一上一下逼死强迫症,经过对文档的查询,发现可以通过对textStyle-height以及rich的设置调整对齐方式textStyle: { fontSize: 14, height: 10, rich: { a: { verticalAlign: 'middle', }, ...
2022-02-22 16:15:15
3778
3
原创 element table层级过多导致输入框无法输入数据
实际上输入框绑定值已经更新,但页面并未刷新,有两种解决方案:方案一:在table上绑定一个key值,当监听到输入框有值输入时执行this.timeKey = Date().getTime()此方法可以刷新table,但会导致下拉拖动距离和横向拖动距离重置,用户体验不佳方案二:通过$set直接更新一整行数据(注:仅更新单个数据不一定生效,原因未知)...
2021-12-30 16:20:56
513
原创 数组循环渲染表单注意点
当使用数组循环渲染表单时,需要特别注意prop的写法,同时把rules写在行内,否则会导致效验直接通过<div v-for="(item,index) in dataFields.list :key="index"> <el-form-item label="name" :prop="`list[${index}].name`" :rules="{ required: true, message: 'Required', trigger: 'blur' }">
2021-12-27 11:43:23
496
原创 vue项目监听localstorage内某个值的变化
一号组件内存值localStorage.setItem('historyPicModal', 'true')二号组件监听值,写在mounted中即可实时监听localstorage中historyPicModal的变化mounted() { window.addEventListener('storage', event => { if(event.key === 'historyPicModal') { console.log(event.newV
2021-09-07 16:08:59
9042
1
原创 通用vue api配置
同时做了内部框架waltz的适配index.jsimport Vue from 'vue'import axios from 'axios'import waltz from 'waltz'import { baseURL, sdpURLS, rhURLS, sdpRhURLS } from './base'class AjaxError extends Error { constructor(message, code = ERROR.UNKNOW.code) { sup.
2021-08-25 16:33:41
403
原创 tree组件中render函数的使用
现有一个使用tree组件展示的文件夹树,使用的是基于element封装的内部组件需求是用户鼠标移到任何一个文件夹上方,右侧按情况显示新增,编辑,删除按钮该需求需要使用tree组件的render渲染函数,如下renderFunc(h, { root, node, data }) { // window.console.log('root', root, node, data) return h( "span", { s.
2021-08-25 16:15:38
1766
转载 原生JS的new Date()时间处理函数
该函数可以方便的输出需要的时间格式function format(time) { let date = new Date(time); let y = date.getFullYear(); let m = (date.getMonth() + 1 + '').padStart(2, '0'); let d = (date.getDate() + '').padStart(...
2021-08-25 15:54:48
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人