- 博客(12)
- 收藏
- 关注
原创 vue +ts 的eslint配置方法
最近在工作中使用到vue和ts,新搭建的项目,看了网上许多eslint相关的配置,一股脑东拼西凑整到一起,还是有很多warn信息,以及各种问题,搞得人头皮发麻。于是好好地了解学习了下eslint,下面是自己摸索实验得到的一份配置信息,试了下没啥问题了,暂时先用着,之后再补充。搞懂 ESLint 和 Prettier - 乃乎的文章 - 知乎.eslintrc.jsmodule.exports = { root: true, env: { node: true,
2021-07-14 22:52:40
2544
2
原创 git修改历史提交信息
1、git log查看历史提交信息,找到要修改的commitID2、git rebase -i ‘commitID’回车后进入编辑页面,方向键定位到要修改的那条信息,输入i 可以编辑,将该条信息的pick字段改成r,然后按 ESC,输入 :x 保存退出进入另一个编辑器, 再输入i ,编辑要修改的内容 ,再ESC ,然后 :x退出编辑器。注意:如果要修改的是git log列表的第二条,这里的commitID就得是第二条以后的,不然定位不到;3、然后git log 即可查询到修改后的commit信息
2021-04-13 17:20:39
726
原创 Echarts图表添加点击事件
官方文档地址:Echarts中的事件和行为myChart.on('click', function (params) { // 控制台打印数据的名称 console.log(params.name);});当echarts图表需要自适应宽度没有设置固定值时,会出现页面刷新后的点击不准确的情况,此时可以将echarts的渲染引擎设置为svg;详情文档:使用 Canvas 或者 SVG 渲染// 使用 Canvas 渲染器(默认)var chart = echarts.init(c
2021-04-13 15:59:55
1079
原创 Vue的render函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-03-30 21:34:16
105
原创 Echarts图表宽度溢出盒子
Echarts生成图表后会在你事先的容器内生成一个带有相对定位的div,里面在包含一个canvas图表,当Echarts的图表宽度溢出显示异常时,只需手动将这两个元素的宽度设置成100%如在Vue可在全局样式表中设置css样式:#chartsCard div:first-chilld {width:100%!important;}canvas {width:100%!important;}这里的“#charsCard”是画Echarts图表时准备的容器,里面的第一个div就是echart
2021-02-25 10:12:14
3690
2
原创 请求头authorization中加入认证信息
axios.interceptors.request.use( config => { //请求拦截 if (config.url.includes('/es')) { const username = 'admin'; const pasw = 'IwdPkriZxAqpN0hV2qCx1HyQ_'; config.headers['Authorization'] = 'Basic' + ' ' + btoa(username + ':' + p
2021-02-04 17:33:11
3404
原创 vuex模块化后获取方法
state:store.state.模块名.keygetters:store.getters[‘模块名/key’]mutations:store.commit(‘模块名/method’)actions:store.dispatch(‘模块名/method’)
2021-01-21 19:35:32
478
原创 父组件异步获取数据向子组件传值
父组件axios调用接口获取数据传给子组件,而子组件需要在mounted声明函数中使用这个数据,正常情况下是取不到的,因为调用接口属于异步任务,初始的chartData为空值。此时可以通过以下方式处理:父组件<chart-card : chartData="chartData"></chart-card><script> export default { data() { return { char
2021-01-15 15:39:38
1046
原创 Ant-design表格添加索引列
分为两种情况:1、每一页索引都从1开始<a-table :colums="colums"></a-table>//配置表格的columns:...colums: [ { title: '排名', customRender:(text,record,index) => index + 1 }, { title: '姓名', dataIndex:'uname' }, {
2021-01-11 11:04:46
3765
原创 Vue3.0导读
1、ref 和toRefref -----> 复制,修改响应式数据不会影响以前的数据 , 数据发生改变,视图会自动更新toRef -----> 引用,修改响应式数据会影响以前的数据 , 数据发生改变,视图不会自动更新2、 customRef返回一个ref对象,可以显式地控制依赖追踪和触发响应function myRef(value) { return customRef((track,trriger)=> { return { get(valu
2020-12-23 15:25:30
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人