- 博客(9)
- 收藏
- 关注
原创 echarts图表X轴文本太长导致不显示的的处理方案
echarts图表x轴文本太长的处理方案echarts图表X轴文本太长导致不显示的的处理方案方案一:倾斜角度来处理方案一:设置最大字数,超过就省略echarts图表X轴文本太长导致不显示的的处理方案方案一:倾斜角度来处理xAxis: { type: 'category', boundaryGap: !!value, data: bankNameArrEcharts, axisLabel: { interval:0,//
2021-08-31 14:20:39 803
原创 react 中子路由(route)或二级路由如何配置?
比如有A框架,\B\C\D(如下图)三个模块,如下图,整体页面我们叫A,A左侧菜单有个菜单是跳到B(除了左侧蓝色的导航之外整个右边我们叫B)、而B目录下又有C或者D(就是右边第三个模块)内容区,如何来写route:首先要配置主路由,该引入的东西引入一下(我用了懒加载):import { HashRouter, Switch, Route, Redirect } from 'react-router-dom'// 懒加载过渡function ImportCmpLoading() {re
2021-01-14 10:38:50 4350 1
转载 vscode配置eslint自动保存功能不生效
今天给一个项目添加eslint, 按照网上的教程,配置完就是不生效,半天没解决, 后来终于解决了, 在此总结,把一些坑分享出去。1. vscode 扩展中安装eslint2. eslint 扩展要是开启状态(开启关闭如果没生效,重启vscode即可)3.修改eslint 的 setting(配置), 步骤如下参考我的配置,可以直接复制过去: 1 2 3 4 5 6 7 8 9 10 ...
2021-01-08 11:38:51 2467
原创 vue el-table表格实现从上到下(有序)选择
vue中如何实现el-table从上到下,不能跨行的有序选择?实现多选非常简单: 手动添加一个el-table-column,设type属性为selection即可(可以参考element-ui中table组件)。下面是table表格代码:注:下面有写this.******变量的,都需要先在data中声明,这个地方我就不写了<el-table ref="multipleTable" v-loading="listLoading" e..
2021-01-07 17:59:19 1175 1
原创 在element-UI table中通过slot-scope=“scope“实现获取值并将金额和时间格式化方法
在element-UI table中实现金额和时间格式化:有时候element-UI table中,我们需要将后端给的金额或时间需要额外处理来展示,比如将金额60000.06处理成60,000.00这种格式,再比如将时间格式化,怎么来实现呢: <el-table-column prop="loanAmt" label="放款金额"> <template slot-scope="scope">
2021-01-05 16:20:20 2536
原创 实现input输入框只能输入数字以及小数点后两位(金额校验)
金额校验我们经常遇到,来看看怎么实现<el-input v-model="confirmMontForm.payFineAmt" @keyup.native="confirmMontForm.payFineAmt = oninput(confirmMontForm.payFineAmt)" style="width:100%"></el-input>上面是用的element的input组件,你也可以直接用input,这个无所谓,就是个标签。看里面用v-model双向绑
2021-01-05 14:17:26 3155
原创 VUE中父子组件之间传值方法、方法调用案例
VUE简单的父子组件传值案例父子组件传值案例效果父组件子组件inputs子组件tables父子组件传值案例这是一个简单的父子组件之间传值的案例,不多说,直接看效果和实现方式吧(样式部分我就不贴了):效果我将上面的input和下面的表格进行拆分为两个组件(inputs和tables)父组件在父组件中,有两个子组件,一个是inputs,一个是tables,具体效果可以直接看最后,可以回忆一下,如何将一个子组件引用到父组件上来。。。。。。(import、components、</>)在
2021-01-04 10:50:17 622
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人