摘要: 最近在开发S1 B/S 的前端页面时,有一个下载bs包进度条的样式编写,遇到一个莫名的坑,一句话描述不清,直接上图和代码。 先看一下原来的样式: 布局样式代码如下: <html> <head> <style> * { margin: 0; padding: 0; box-sizing: border 阅读全文
posted @ 2021-10-24 22:59 丫头&smile 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 关于把一维数据通过id和parentId之间的联系转化为多维的树形结构数据 1 // 原始数据结构 2 var resourceData = { 3 "id": 6373341721883527000, 4 "name": "客户商机管理", 5 "icon": "cap-icon-wenjianj 阅读全文
posted @ 2021-02-23 11:21 丫头&smile 阅读(503) 评论(0) 推荐(0) 编辑
摘要: vue中用v-for的item属性作为v-if组件渲染条件时不起作用 上篇讲到了使用组件递归实现树形菜单,现在要来实现点击切换菜单项的展开收起状态。 我的想法时,在处理菜单列表数据时,给每个有子菜单的菜单项添加一个showChild属性,然后在Menu组件渲染时,通过v-if绑定item.showC 阅读全文
posted @ 2021-01-24 23:25 丫头&smile 阅读(2859) 评论(1) 推荐(0) 编辑
摘要: vue组件递归实现树形菜单 最近有一个任务就是用vue组件实现树形菜单,我一开始还打算老老实实的写ul/li标签+v-for来渲染,结果指导人过来指点了我一番,最后用了不到20行代码就搞定了,我这才知道了组件还可以递归使用!废话不多说,一起来学习吧! 第一件事,我们要准备两个vue文件,第一个作为容 阅读全文
posted @ 2021-01-24 23:01 丫头&smile 阅读(1693) 评论(0) 推荐(0) 编辑
摘要: js数组方法(es5) ECMAScript 5定义了9个新的数组方法来遍历、映射、过滤、检测、简化和搜索数组。下面几节描述了这些方法。 但在开始详细介绍之前,很有必要对ECMAScript 5中的数组方法做一个概述。首先,大多数方法的第一个参数接收一个函数,并且对数组的每个元素(或一些元素)调用一 阅读全文
posted @ 2021-01-08 17:26 丫头&smile 阅读(598) 评论(0) 推荐(0) 编辑
摘要: 关于在v-show的使用中遇到的问题—v-show频繁切换后失效 最近在写任务的时候遇到了这样一个问题: 首先,我在 data 中定义有一个 errRanges 数组,这个数组中的数据是来自在页面创建的时候发请求返回的数据,也就是说,每次返回的数据都可能不同。然后,页面上有几个卡片,点击不同的卡片, 阅读全文
posted @ 2021-01-08 15:55 丫头&smile 阅读(3279) 评论(1) 推荐(0) 编辑
摘要: 实习生活已经过了一月有余啦,想想时间过得还是挺快的。 这一个月里我有幸参加了公司小组组织的团建聚餐活动和公司研发团队组织的团建欢乐日活动,是我人生第一次参与的社会性的人际交往活动,虽然还是很多上级和同事没记住名字,但是还是跟已经打过交道的很多大哥和同事增进了感情。团建聚餐的酒桌上,我真心地给带我的老 阅读全文
posted @ 2021-01-07 17:06 丫头&smile 阅读(176) 评论(0) 推荐(0) 编辑
摘要: vue+antDesign 多个select下拉组件实现已选择项不可用(置灰) data data() { return { languages: [ {language: 'zh', title: '中文'}, {language: 'en', title: '英文'}, {language: ' 阅读全文
posted @ 2021-01-06 10:58 丫头&smile 阅读(3491) 评论(0) 推荐(0) 编辑
摘要: antd + vue 点击编辑文本切换成可编辑状态(附下拉框) 最近写任务的时候遇到这样一个前端功能: 默认展示文本和编辑图标,点击删除之后,文本的位置切换成输入框,如下所示: 点击编辑图标之后 我参照了的antd文档中table组件的一个可编辑单元格的例子,单独写一个组件,让它在内部控制自己的可编 阅读全文
posted @ 2021-01-06 10:21 丫头&smile 阅读(4516) 评论(0) 推荐(0) 编辑
摘要: antDesign的table组件设置行列样式 首先,在columns中,给要添加样式的表格项添加一个类名属性: columns=[ { title: "描述", key: "desc", dataIndex: "desc", className: "v-center", scopedSlots: 阅读全文
posted @ 2020-12-24 09:48 丫头&smile 阅读(7455) 评论(0) 推荐(0) 编辑