随笔分类 -  开发 / 开发-前端

开发-前端相关
摘要:VUE-本地可以用postman访问进后台但是无法通过前端页面访问进后台 原因: vue-config.js中配置了proxy 导致映射到了服务器上而不是本地环境,如果服务器后台代码不是最新的,就会报找不到404的错误 // vue.config.js module.exports = { devS 阅读全文
posted @ 2025-03-27 09:28 skystrivegao 阅读(175) 评论(0) 推荐(0)
摘要:Vue-Vue常用组件 1、@refreshDataList 在 Vue.js 中,@refreshDataList 是一个自定义事件,通常用于通知父组件刷新数据列表。这种模式在子组件需要触发父组件中的某个方法时非常常见。 示例场景 假设你有一个父组件 ParentComponent 和一个子组件 阅读全文
posted @ 2025-03-04 17:13 skystrivegao 阅读(117) 评论(0) 推荐(0)
摘要:VUE-引入lodash防止表单重复提交 引入lodash依赖 npm install lodash 防止重复提交方法 方法名称: _.debounce(function() { this.$http.post('url',this.Form).then(({ data: res }) => { } 阅读全文
posted @ 2025-03-04 13:01 skystrivegao 阅读(76) 评论(0) 推荐(0)
摘要:VUE-浅谈对双向绑定的理解 一、定义 一种MVVM模型,通过model、view、viewModel进行双向绑定 二、组成部分 1、数据层 model: 存储数据及业务逻辑 2、视图层 view:展示效果 3、业务逻辑层 viewModel:关联数据和视图 从而进行双向绑定 三、viewModel 阅读全文
posted @ 2025-02-25 16:39 skystrivegao 阅读(97) 评论(0) 推荐(0)
摘要:VUE-浅谈VUE生命周期的理解 定义: Vue中的实例从创建 —> 销毁的过程 1、创建 2、初始化数据 3、编译template 4、挂在DOM 5、渲染 6、更新渲染 7、卸载 生命周期钩子 beforeCreate — 组件实例创建之初(可以引入第三方插件) created — 组件已经创建 阅读全文
posted @ 2025-02-24 15:22 skystrivegao 阅读(25) 评论(0) 推荐(0)
摘要:public.js 阅读全文
posted @ 2024-12-24 15:58 skystrivegao 阅读(29) 评论(0) 推荐(0)
摘要:结果展示 自由表当中有一列 “序号” 绑定数据 - 类型选择 “间隔计算” 弹出的页面中 输入“ridx” 后点击保存 绑定成功 阅读全文
posted @ 2024-12-24 15:57 skystrivegao 阅读(32) 评论(0) 推荐(0)
摘要:一、组件:自由式表 二、隐藏Title标题 设置 — 隐藏 三、创建序列号 点击"数据" – 选择 "间隔计算" 输入 ridx 点击确定 四、设置单元格尺寸 五、新建create_date_new 计算列 用于展示数据排序 点击 新建计算列 输入 datePart(col["create_date 阅读全文
posted @ 2024-12-24 15:57 skystrivegao 阅读(221) 评论(0) 推荐(0)
摘要:一、组件 二、双击添加图片 三、点击应用 阅读全文
posted @ 2024-12-24 15:57 skystrivegao 阅读(49) 评论(0) 推荐(0)
摘要:一、参数 - 编辑参数 二、配置参数 三、绑定参数 ?{test1} 四、结果展示 阅读全文
posted @ 2024-12-24 15:57 skystrivegao 阅读(92) 评论(0) 推荐(0)
摘要:一、报告 - 设置 二、配置刷新间隔 阅读全文
posted @ 2024-12-24 15:57 skystrivegao 阅读(149) 评论(0) 推荐(0)
摘要:跳转页面 this.$router.push({ name: URL地址 params: { p1: XXX, p2: XXX, }, }); 获取传参 created() { const XXX = this.$route.params.XXX } 阅读全文
posted @ 2024-12-10 16:54 skystrivegao 阅读(49) 评论(0) 推荐(0)
摘要:采用router实现路由页面跳转 this.$router.push({ name: /student, params: { name: '张三', age: '10', }, }); 在/student页面获取到路由中的参数 并对当前页面的参数进行更新操作 create { this.stuNam 阅读全文
posted @ 2024-12-10 16:53 skystrivegao 阅读(502) 评论(0) 推荐(0)
摘要:整理不易,如果您觉得对您有所帮助 请点赞支持下~谢谢 问题: 数据源查询日期和报告展示日期显示不一致 数据源 页面展示: 解决: 把扩展方式改成【纵向】 阅读全文
posted @ 2024-12-10 08:51 skystrivegao 阅读(75) 评论(0) 推荐(0)
摘要:报告-样式 背景 - 可以选择 图片、颜色... 阅读全文
posted @ 2024-12-09 08:32 skystrivegao 阅读(39) 评论(0) 推荐(0)
摘要:NVM工具切换node版本 整理不易,如果对您有所帮助,还请点赞收藏 nvm工具安装包: 通过百度网盘分享的文件:NVM 链接:https://pan.baidu.com/s/1HkXGajyB1jQCNLTV_CEDdQ 提取码:sky1 卸载已经安装的node 1、 打开控制面板 2、 找到no 阅读全文
posted @ 2024-11-29 20:28 skystrivegao 阅读(1214) 评论(0) 推荐(0)
摘要:制作报告 - 查看 -自适应 设置'全屏自适应' 查看报告 - 演示 - 手动演示 即可全屏展示 阅读全文
posted @ 2024-11-19 08:18 skystrivegao 阅读(88) 评论(0) 推荐(0)
摘要:结果样式: 绑定数据: 自定义JS代码: option = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' }, series: [ { type: 'pie', radius: ['50%', '70%'], 阅读全文
posted @ 2024-11-13 18:26 skystrivegao 阅读(202) 评论(0) 推荐(0)
摘要:点击查看代码 series: [ { color: '#dac05c', name: '完成率', type: 'line', yAxisIndex: 1, // data: data.complateQtyLv, data: data.xxrate, tooltip: { valueFormatt 阅读全文
posted @ 2024-11-01 09:32 skystrivegao 阅读(155) 评论(0) 推荐(0)