随笔分类 -  前端

摘要:两个tabs来回切换的时候,发现一直重复渲染数据, 在两个tabs的展示上加一个flag标识,然后用v-if,判断,点击到tab1的时候,flag等于tab1,然后渲染tab1, 点击到tab2的时候,flag等于tab2,然后渲染tab2,这样可以避免重复渲染 如下: 在handleChangeA 阅读全文
posted @ 2024-08-09 17:55 comeoncode 阅读(195) 评论(0) 推荐(0) 编辑
摘要:实现如下效果的表格嵌套: 点击展开,展示tabs。 table的columns里设置展示的属性,然后属性里设置返回一个组件,然后在组件里写嵌套的内容。 <Table :columns="tableColumns" :data="tableData" style="width:100%" @on-se 阅读全文
posted @ 2024-08-09 17:49 comeoncode 阅读(296) 评论(0) 推荐(0) 编辑
摘要:实现的功能: 拉取目录下的所有java文件,然后点击展示java文件后查看详细的代码,所以code最开始是空,点击展开后,调接口查询详细代码, 然后高亮展示。 在main.js里引用组件 import hljs from "highlight.js"; import "highlight.js/st 阅读全文
posted @ 2024-08-09 17:42 comeoncode 阅读(647) 评论(0) 推荐(0) 编辑
摘要:进度条的颜色设置:strokeColor="red" 进度条的未完成的背景颜色设置: .ant-progress-circle-trail{ stroke:#CFE5E9 !important; } antd-表格里的内容向上对齐: td.ant-table-row-cell-break-word{ 阅读全文
posted @ 2024-08-09 16:14 comeoncode 阅读(111) 评论(0) 推荐(0) 编辑
摘要:最开始设置的子元素D 是text-align:center,子元素C的内容过长的时候,会发现子元素D不在页面正中了 所以需要把子元素D设置成固定中间,把子元素D设置成固定中间后,发现元素B把子元素D给覆盖了一部分, 所以需要在父元素A和元素B之间加一个空的div,给div设置高度后,父元素A和元素B 阅读全文
posted @ 2024-08-09 15:29 comeoncode 阅读(45) 评论(0) 推荐(0) 编辑
摘要:display:block; display:inline-table; <div style="margin-bottom: 8px;display:block;"> <div style="float:left;color:#ABABAB;font-size:12px;">实际工时</div> 阅读全文
posted @ 2024-08-09 15:20 comeoncode 阅读(58) 评论(0) 推荐(0) 编辑
摘要:获取本周的开始日期和结束日期(本周周一到周日): var currentTime = new Date() this.getThisWeekData(currentTime, 0) 点击切换上周的周历(把当前周的周一的时间传进去就行,如“2024-08-05”): this.getThisWeekD 阅读全文
posted @ 2024-08-09 10:30 comeoncode 阅读(88) 评论(0) 推荐(0) 编辑
摘要:vue引入antd后没有样式,原因是 use(Antd)应该在挂载之前,不能放在挂载之后 阅读全文
posted @ 2023-12-21 18:32 comeoncode 阅读(196) 评论(0) 推荐(0) 编辑
摘要:vuex在index.js里引入,没在main.js里引入是因为vuex的使用必须在store之前, 单纯的把Vue.use(Vuex)放在import store form "../store"之前并不会生效, 因为执行的时候会扫描整个文件,把import都放置在一起先执行,所以单纯的移动位置没有 阅读全文
posted @ 2023-07-20 18:56 comeoncode 阅读(9) 评论(0) 推荐(0) 编辑
摘要:我们拉取了一个前端项目后,如果项目中有说明的文档,可以参照文档的步骤启动项目,如果 项目中没有说明文档,那我们可以按照以下的步骤启动项目 1、首先是安装依赖包 npm install 2、启动项目 npm run dev 这里的npm run 环境名称,这里的环境名称主要取决于项目中的package 阅读全文
posted @ 2023-07-18 10:46 comeoncode 阅读(908) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2023-07-18 10:45 comeoncode 阅读(6) 评论(0) 推荐(0) 编辑
摘要:vc不是通用的称呼,官方的说法是组件实例对象 组件实例的原型对象的原型对象是vue的原型对象 阅读全文
posted @ 2023-07-11 17:56 comeoncode 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2023-07-11 15:44 comeoncode 阅读(7) 评论(0) 推荐(0) 编辑
摘要:1、点击事件不生效 @on-click不生效 改成@click生效了 2、iview和view design 不一样 3、子组件引用不生效 import {} from '' import form '' 有无大括号的原因,组件引用不加大括号,方法引用加大括号 阅读全文
posted @ 2023-03-14 17:59 comeoncode 阅读(16) 评论(0) 推荐(0) 编辑
摘要:chorm浏览器打开控制台,应用下看不到本地存储文件 原因是查看控制台是否是中文模式的,如果是,切换成英文的,重新加载开发工具即可看到本地存储文件 编辑本地存储文件,当浏览器中没有本地存储文件时,点击第一行空白位置,即可出现编辑框,然后进行编辑增加。 阅读全文
posted @ 2023-03-13 01:03 comeoncode 阅读(229) 评论(0) 推荐(0) 编辑
摘要:post-raw格式: export function saveScriptInfo(parameter) { return request({ url: '/test/scriptFile/save', method: 'post', data: parameter }) } post-formD 阅读全文
posted @ 2022-12-07 18:19 comeoncode 阅读(100) 评论(0) 推荐(0) 编辑
摘要:1、安装指定版本的node nvm install 16.14.2 安装完之后npm会自动变为8.5.0 2、安装完之后使用这个版本 nvm use 16.14.2 3、node-sass和node版本对应关系可参照下面的链接 https://blog.csdn.net/weixin_4271397 阅读全文
posted @ 2022-11-03 20:32 comeoncode 阅读(1158) 评论(0) 推荐(0) 编辑
摘要:组件名和使用的名字相同时,可以简写,school 阅读全文
posted @ 2022-09-06 18:02 comeoncode 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-09-06 11:53 comeoncode 阅读(13) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示