![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端爱好者~
这个作者很懒,什么都没留下…
展开
-
uni-app开发注意事项
uni-app注意事项原创 2023-02-07 10:54:20 · 889 阅读 · 0 评论 -
vue自定义打印模版
因公司需要,需要用户自定义打印模版,并生成纸质单据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 · 4533 阅读 · 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 · 10445 阅读 · 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 · 1149 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 1101 阅读 · 0 评论 -
把一维数组转换成el-tree组件需要的数据
在一次开发过程中,由于要写导航菜单,但是后端给的数据的一维的,需要我自己手动更改数据格式,所以就记录下来下贴数据格式(假数据)再把方法直接贴上来具体就不详细讲解了jsonToTree(objects, keyName, parentKeyName) { if (!keyName) { throw "keyName argument is required"; } if (!parentKeyName) { throw "parentKeyNam原创 2021-08-07 18:23:28 · 486 阅读 · 0 评论 -
vue的keep-alive使用
vue中keep-alive如何简单使用1.简介keep-alive是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件链中;使用keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。在组件切换过程中将状态保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性2.内置属性include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少原创 2021-03-05 14:48:38 · 220 阅读 · 0 评论