- 博客(129)
- 收藏
- 关注
原创 v-charts map地图 自定义地图区域颜色
<template><div style="width:100%;"><ve-map :data="chartData" :settings="chartSettings" :extend="chartExtend"></ve-map></div></template><script>exp...
2019-06-17 14:46:52 7615 2
原创 js 根据id匹配2个数组,新数组覆盖旧数组的值
第二步是把新数组根据id进行匹配,修改赋值到旧数组进行更新操作。第一步是把后台数据处理成自己想要的格式。
2023-05-26 16:43:33 629
原创 js 金额千分位(保留两位小数)
if (floatPart.length > 2) { //若小数位数在两位以上,则四舍五入保留两位小数。} else if (floatPart.length == 1) { //若小数位数只有一位,补0。// 用法: {{todaymoney|formatMoney}}label: "费用",} else { //数据为整数。//=2表示数据有小数位。
2023-03-23 15:00:09 1268
原创 window下切换node版本
node版本地址以往的版本 | Node.jsNode.js 10.24.1 npm6.14.12 如果出现乱码,去C:\Windows\System32用管理员身份运行cmd
2022-06-11 20:51:32 330 1
原创 uniapp | 开发中遇到的兼容性问题
<template> <h2> product.name:{{ product.name }} </h2> <h2> name:{{ name }} </h2> <h2> price:{{ price }} </h2> <button @click="hello"> hello </button></template><script> i.
2022-06-01 14:55:45 10975 1
原创 js多个数组中对某一个对象是否相同进行判断
this.detailAlllist = [2个数组,对象中UserName进行判断]let list = this.detailAlllist.flat() //数组降维const ids = list.map(value=>value.UserName);const idsSet = new Set(ids);if(idsSet.size == ids.length){console.log("不存在同个值")}else{console.log("存在同个值")}..
2022-04-24 15:25:03 623
原创 解决ts下eslint报错问题
AutoImport({ dts: 'types/auto-imports.d.ts', imports: ['vue'], // 解决eslint报错问题 eslintrc: { enabled: true }})这时会自动生成.eslintrc-auto-import.json文件,将其导入eslintrc.js即可。module.exports = { extends: [ './.eslintrc-auto-import.j.
2022-04-23 10:34:42 4123
原创 div 上下浮动效果
div{ width: 100px; height: 100px; background:blue; animation: bounce-down 1.8s linear infinite; } @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(-10px); } ...
2022-03-23 10:11:50 796
原创 monaco-editor 使用demo
npm install [email protected]设置下面:import mcommon from '@/components/commons'Vue.use(mcommon)vue.config.js设置下面:const MonacoWebpackPlugin = require('monaco-editor-esm-webpack-plugin');configureWebpack: { module: { rules: [{ te.
2022-02-16 14:59:17 1333
原创 element table复杂表头 行内判断跳转
可以根据多级复杂表头,取到实际合计的名称进行判断,也可以根据当前行的某个字段信息进行判断。跳转点击事件cellclick,带参数跳转到新页面
2022-01-18 11:38:51 511
原创 vue js匹配出2个数组中共有的部分
let echoId = this.checkNodeId.map(item => { // 为了能有匹配项,这里可以改写成相应的对象展示 return {id:item} }) console.log(echoId); let newEchoList = this.echoNameId(this.treeData) //最全的数组 console.log(newEchoList); .
2021-12-07 11:47:18 609
原创 element 日期显示范围到3个月前
let bDate = moment().subtract(3, 'M').toDate() this.DateRange = [bDate, new Date()]
2021-11-16 13:29:31 278
原创 router.beforeEach url携带参数跳转指定路由
let redirecteds = { redirected: 111 } if (to.path === "/url" && Object.keys(to.query).length === 0) { next({ path: '/url', query: redirecteds }) return; }else{ next() return; }
2021-10-20 17:00:49 3674
原创 vue 处理后台返回的文件流生成excel
以下为excelBlob.js/*用来处理文件流导出*/import moment from "moment";export default function excel(data, name, append = "xls", preview = false) { let blob = new Blob([data]) let xlsxName = moment(new Date()).format('YYYY-MM-DD') + `${name}.${append}` if (pr
2021-10-12 14:08:15 740
原创 vue computed 使用方法
computed:{ userName:{get(){returnthis.$store.state.user.username},set(val){this.$store.commit('user/setUsername',val)}},},这里去读取store里设定的state值import { setToken, getToken } from '@/libs/util'export defa...
2021-04-09 19:33:06 743
原创 vue前端接收后台的文件流,点击触发接口后直接下载
如果是在table列表组件里,点击按钮获得到id,然后传给接口在vue项目中,可以直接 initWordInfo(id) 不要.thenconstmoduleHttp=window.SITE_CONFIG.baseUrl//模块服务路径,全局定义拼接接口直接exportconstinitWordInfo=(url)=>{window.location.href=moduleHttp+'接口url'+'?id='+url}...
2021-03-12 09:07:08 1242
原创 vue+TS中父组件调用子组件报错Property ‘xxx‘ does not exist on type ‘Vue‘解决方案
在使用ts的过程中发现,父组件调用子组件方法的时候this.$refs.childThisParent.handleCommitInfo()发现vscode报错Property 'handleCommitInfo' does not exist on type 'Vue的情况,但是实际上运行效果完全没问题。主要原因是vscode会根据声明文件自动进行类型推断的,这里没法知道childMethod的类型因此,如下即可(this.$refs.childThisParentas any)....
2021-03-05 11:24:22 6016
原创 ant 下拉框定位问题
在Select组件中添加“getPopupContainer={triggerNode => triggerNode.parentNode}” 使其固定在父元素中;如果是日期DatePicker组件 使用 “getCalendarContainer={triggerNode => triggerNode.parentNode}
2021-02-19 09:32:45 1495
原创 iview 根据权限显示隐藏某一列
if(this.roleId != this.countyOrganizations && this.roleId != this.cityRoleIds) { var arr = [] for (let i in this.tableColumnPugins) { arr.push(this.tableColumnPugins[i]) } this.columns = arr.filter(i => { .
2021-01-29 15:43:03 433
原创 iview Modal高度的设定问题
官方无可用API供大家参考,所以。。换个思路吧,就是直接从内部设定一个DIV,对他设置高度即可,modal框会自动撑高 <Modal v-model="lookModel" title="查看" width="60%" footer-hide> <div style="height:600px;width:100%:"> </div> </Modal>这种设定是为了可以让
2021-01-26 10:55:22 6119
原创 echarts 防止图形过快点击导致数据有问题
if(myChart._$handlers.click){myChart._$handlers.click.length=0;}
2020-11-27 20:01:54 422
原创 echarts地图 vue 中 自定义symbol
type: 'scatter', coordinateSystem: 'bmap', data: this.covertStopData(), tooltip: { show: false, }, symbol: 'image://' + require('@/assets/images/ck_icon.png'), symbolSize: [...
2020-11-27 15:47:38 1613 2
原创 echarts map地图 自定义label上添加文字及图片覆盖物
{ name: '', type: 'effectScatter', left: '50', coordinateSystem: 'bmap', // 不是这个底层的换成 geo层即可 data: convertData(data), symbolSize: '20', showEffectOn: 'render', rippleEffect:.
2020-11-12 11:17:53 10426 1
原创 在页面刷新时将vuex里的信息保存到sessionStorage里,避免丢失
//在页面刷新时将vuex里的信息保存到sessionStorage里 window.addEventListener("beforeunload",()=>{ sessionStorage.setItem("store",JSON.stringify(this.$store.state)) }) //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { t..
2020-10-28 16:13:09 749 1
原创 Ant table中 字段过长溢出显示...时,鼠标滑过显示隐藏内容
renderToptipCol(text: any) { const texts = text let textof = null if (texts !== null && texts !== undefined) { if (texts.length > 20) { textof = texts.substring(20) + '...' } else { textof = texts ..
2020-10-28 15:27:07 1055
原创 echarts 柱状图点击下钻,点击外部按钮可返回
<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div style="margin-left:40%;margin-top:2%"> <button id='return-button' value=''.
2020-10-28 09:09:03 1979
原创 Typescript $emit与Prop的传值方式
Typescript下 子传父的时候 $emit子页面传值this.$emit('dateUpId',需要传的值)父页面接收子页面组件<census-weekDetailson-dateUpId={this.dateUpId}></census-weekDetails>dateUpId(val:any){console.log(val); // 即接收到的值}父页面向子页面传值<census-dateilsc...
2020-10-22 09:24:52 1265
原创 es6 下拉树时后台带顶级节点,前台不需要展示时 处理方案
this.formEntity.transferingUnitList = [...(this.formEntity.transferUnit || '').replace('0,', '').split(',')] // 有顶级目录需要replace一下多余的
2020-10-22 09:16:38 93
原创 Ant 数据表格字段自定义样式及点击事件
{ title: '周计划', dataIndex: 'weekPlanNum', width: 150, customRender: _this.lookWeek}, lookWeek(text: any) { const textInfo: string = text === '0' ? '年' : text === '1' ? '月' : text === '2' ? '周' : text === '3' ? '日': '' const colo.
2020-10-22 09:10:58 711
原创 Ant 级联下拉框查询 后关联的普通下拉框赋值问题
<a-col { ...{ props: FormItemLayout.levelList }}> <a-form-item label="集合"> {getFieldDecorator( 'levelList', FormValidateRule.levelList(this) )( <a-cascader options={thi.
2020-09-25 15:05:14 347
原创 必填用类似这种的 防止全输空格也能保存 验证长度
{required:true,message:'角色名称为必填项',transform:(value:any)=>(value?value.trim():''),trigger:'blur',}验证长度:{validator:(rule:any,value:any,callback:Function)=>antLengthControl(rule,value,ca...
2020-09-21 11:04:17 187
原创 vue 视频监控插件,video无法正常播放解决方案
<video :id="'roomVideo'" class="video-js vjs-default-skin vjs-big-play-centered" x-webkit-airplay="allow" webkit-playsinline playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" preload="auto" muted poster="@/assets/zhts/login_bg.jp.
2020-08-11 16:54:29 3914
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人