zhangyouxiu66-优快云博客

原创将对象处理成字符串

// 对象处理成字符串 "{"330000829309":",VALUE,LJVALUE,TBZ"}" indicatorMap2String(strMap) { let obj = Object.create(null); for (let [k, v] of strMap) { let p = ""; v.forEach((value) => { p = value + "," + p; ...

2022-03-28 22:05:08 156

原创递归生成树

getTreeData(data) { // 循环遍历json数据 for (var i = 0; i < data.length; i++) { if (data[i].children.length < 1) { // children若为空数组，则将children设为undefined data[i].children = undefined; } else { ...

2022-03-28 22:03:44 146

原创 el-tree异步加载

<el-tree ref="indicatorTree" node-key="treeId" :props="defaultProps" :data="rightTreeData" lazy :load="loadNode" show-checkbox :default-expanded-k...

2022-03-28 22:02:10 728 1

原创前端Vue下载文件

1. 第一种 exportProjectListExcel(params).then((response) => { // 传参调接口获取blob文件 if (response) { // respone为blob类型 let exportFileName = "项目检索列表.xlsx"; this.download(response, exportFileName); ...

2022-03-28 21:58:07 415

原创 Echarts地图

var provinceNameList = [ "韩国", "山东省", "江苏省", "上海市", "浙江省", "福建省", "广东省" ]; var provinceValueList = [ { name: "韩国", gdp: "11亿元", rk: "654万人", mj: "105万平方公里" }, { na...

2022-03-21 16:08:14 1667

原创 vue导出文件

exportProjectListExcel(params).then((response) => { // 调接口传参获取blob if (response) { let exportFileName = "项目检索列表.xlsx"; this.download(response, exportFileName); } }); ...

2022-03-21 16:05:07 1528

原创两个对象数组合并

var list1 = [ { title: '名称1', age: '18' }, { title: '名称2', age: '19' }, { title: '名称3', age: '20' .

2021-10-27 15:44:04 207

原创兼容性网页全屏

fullScreen(){ // this.flag=!this.flagletelement=document.documentElement;this.isFullScreen=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen||document.msFullscreenElementconsole.l...

2021-09-23 15:18:17 233

原创 Vuex的核心概念之getter

Getter用于对Store中的数据进行加工处理形成新的数据它只会包装Store中保存的数据，并不会修改Store中保存的数据，当Store中的数据发生变化时，Getter生成的内容也会随之变化打开store.js文件，添加getters，如下：export default new Vuex.Store({ ....... getters:{ //添加了一个showNum的属性 showNum : state =>{ return '最新的count值为：...

2021-09-09 22:14:16 165

原创 Vuex的核心概念之Action

1.在mutations中不能编写异步的代码，会导致vue调试器的显示出错。在vuex中我们可以使用Action来执行异步操作。2.打开store.js文件，修改Action，如下：actions: { addAsync(context,step){ setTimeout(()=>{ context.commit('add',step); },2000) }}然后在Addition.vue中给按钮添加事件代码如下：<button @...

2021-09-09 22:05:31 471

原创 Vuex的核心概念之Mutation

1.mutation用于变更store中的数据，不可以直接操作store中的数据；2.通过mutation这种操作方式可以集中监控所有数据的变化，便于后期维护；//定义mutationconststore =newVuex.store({ state: { count: 0;},mutations: { add(state) { ...

2021-09-09 21:54:15 344

原创实现echarts折线图末端虚线

option = { backgroundColor: '#1b1b1b', colors:['#5470C6', '#5470C6'], title: { textStyle: { fontWeight: 'bold', color: '#319DF5' }, x: 'center', ...

2021-09-06 09:36:25 1279

原创利用富文本标签实现echarts坐标轴红绿灯

option = { backgroundColor: '#1b1b1b', title: { textStyle: { fontWeight: 'bold', color: '#319DF5' }, x: 'center', text: '实现坐标轴红绿灯' }, tooltip: {...

2021-09-06 09:31:43 358

原创控制echarts坐标轴标签文字个数换行

添加这个配置项就可以了axisLabel:{formatter:function(value){varret="";//拼接加\n返回的类目项varmaxLength=1;//每项显示文字个数varvalLength=value.length;//X轴类目项的文字个数varrowN=Math.ceil(valLength/maxLength);//...

2021-09-06 09:25:51 496

xiaozhang9的博客