- 博客(136)
- 收藏
- 关注
RSS订阅
原创 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
7744
2
原创 京东微前端microApp 项目实战
目前我说的这版是vue2为基座，子应用vue2，vue3，react都行，vite版本是单独的，自己去官网看着配。基础配置在基座（包含导航侧边栏登录等，基础组件，不可用的组件扔npm包里，子组件自己下载就行了）配完这些恭喜你，成功跳转到子应用了，需要基座下发或者子应用回传数据，官网api就有就不写了。公司项目有N个系统构成一个大体积应用，代码越来越多，运行打包十几分钟以上。再就是基座里，你切换其他系统的时候需要配置的地方，点击切换系统的方法。name名字很重要，要对应起来，要不进入子应用的时候会有问题。
2024-07-03 15:49:24
1314
原创 js 根据id匹配2个数组，新数组覆盖旧数组的值
第二步是把新数组根据id进行匹配，修改赋值到旧数组进行更新操作。第一步是把后台数据处理成自己想要的格式。
2023-05-26 16:43:33
832
原创 js 金额千分位（保留两位小数）
if (floatPart.length > 2) { //若小数位数在两位以上，则四舍五入保留两位小数。} else if (floatPart.length == 1) { //若小数位数只有一位，补0。// 用法： {{todaymoney|formatMoney}}label: "费用",} else { //数据为整数。//=2表示数据有小数位。
2023-03-23 15:00:09
1429
原创 window下切换node版本
node版本地址以往的版本 | Node.jsNode.js 10.24.1 npm6.14.12 如果出现乱码，去C:\Windows\System32用管理员身份运行cmd
2022-06-11 20:51:32
420
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
11794
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
672
原创 解决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
4425
原创 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
885
原创 monaco-editor 使用demo
npm install monaco-editor@0.32.1main.js设置下面：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
1560
原创 element table复杂表头 行内判断跳转
可以根据多级复杂表头，取到实际合计的名称进行判断，也可以根据当前行的某个字段信息进行判断。跳转点击事件cellclick，带参数跳转到新页面
2022-01-18 11:38:51
574
原创 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
715
原创 element 日期显示范围到3个月前
let bDate = moment().subtract(3, 'M').toDate() this.DateRange = [bDate, new Date()]
2021-11-16 13:29:31
355
原创 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
4310
原创 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
802
原创 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
803
原创 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
1332
原创 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
6220
原创 ant 下拉框定位问题
在Select组件中添加“getPopupContainer={triggerNode => triggerNode.parentNode}” 使其固定在父元素中；如果是日期DatePicker组件 使用 “getCalendarContainer={triggerNode => triggerNode.parentNode}
2021-02-19 09:32:45
1610
原创 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
502
原创 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
6553
原创 echarts 防止图形过快点击导致数据有问题
if(myChart._$handlers.click){myChart._$handlers.click.length=0;}
2020-11-27 20:01:54
462
原创 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
1711
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
11485
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
824
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
1121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人