前端爱好者～-CSDN博客

因公司需要，需要用户自定义打印模版，并生成纸质单据1.安装x-data-spreadsheetnpm install x-data-spreadsheet2.配置页面中直接引用import Spreadsheet from 'x-data-spreadsheet';import zhCN from 'x-data-spreadsheet/src/locale/zh-cn' //汉化Spreadsheet.locale('zh-cn', zhCN);<template> &l

2022-04-10 12:06:18 5159 1

原创 vue中style样式如何使用变量

因为需求是不同的环境，首页颜色不一样的，或者根据客户的需求进行配置1.设置style里面的变量，比的类名引用，参照下图2.mounted里面修改这个变量的值process.env从这里取，是因为我把颜色在env配置里面写的这样就可以了...

2022-04-10 12:03:38 4532 2

原创 vuex模块化，如何相互调用（mutations，actions，getters）

先写好两个模块A模块const ceshi1 = { namespaced: true, state: { title:'我是测试1State数据' }, mutations: { }, actions: {}};export default ceshi1;B模块const ceshi2 = { namespaced: true, state: { title: '我是测试2Sta

2021-12-13 15:15:24 10444 1

原创 vue打包出来的dist如何查看js的占比,report生成分析图

安装npm包npm install compression-webpack-plugin@5.0.1配置vue.config.js在chainWebpack中添加配置// 分析工具 if (process.env.npm_config_report) { config .plugin('webpack-bundle-analyzer') .use(require('webpack-bu..

2021-11-12 10:44:12 1148

原创 el-tree树节点的方法

1.展示高亮功能:highlight-current=“true”2.默认高亮节点:default-expanded-keys=“treeExpandData”treeExpandData为数组设置此方法，必须设置node-key=“id”，id是你数据的唯一标识3.默认选中节点有时候el-tree树的功能是默认选中先给el-tree设置show-checkbox，把树节点设置为多选框默认选中功能，需要设置 :default-checked-keys="treeDataId"此属性tre

2021-08-29 01:10:35 1663

原创 js数组的方法

（经常用到的方法，顺手就整理了）数组的方法、1.join方法，将数组中属所有元素分隔成字符串，没有返回值，不影响原数组2.reverse方法，将数组倒置，会影响原数组3.sort方法，将数组排序，如果里面是英文，按照字母表排序，如果数组包含undefinde，会放在数组的最末尾，会影响原数组如果sort方法传值（a,b）return a-b会返回正排序，return b-a会返回反排序4.concat方法，里面传另一个数组，会将两个数组合并，不会影响原数组，传单独的参数也可以5.slice方法

2021-08-29 00:42:13 1100

原创把一维数组转换成el-tree组件需要的数据

在一次开发过程中，由于要写导航菜单，但是后端给的数据的一维的，需要我自己手动更改数据格式，所以就记录下来下贴数据格式（假数据）再把方法直接贴上来具体就不详细讲解了jsonToTree(objects, keyName, parentKeyName) { if (!keyName) { throw "keyName argument is required"; } if (!parentKeyName) { throw "parentKeyNam

2021-08-07 18:23:28 486

原创 vue的keep-alive使用

vue中keep-alive如何简单使用1.简介keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性2.内置属性include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少

2021-03-05 14:48:38 220

LJX9738的博客

原创 uni-app开发注意事项

原创 vue自定义打印模版