四喜花露水-CSDN博客

在 Vue.js 中，要计算一个对象中有多少个键值对（即对象的属性数量），你可以使用 JavaScript 的。方法结合使用，但通常在 Vue.js 应用中，我们只关心可枚举的自身属性。方法会返回一个由一个给定对象的所有可枚举属性组成的数组，然后你可以使用。如果你想计算所有属性，包括不可枚举属性和继承的属性，你可以使用。以下是一个示例代码片段，展示如何在 Vue.js 中使用。属性来得到这个数组的长度，从而知道对象中有多少个属性。是一个包含三个属性的对象。是一个计算属性，它使用。根据解答，实际使用如下。

2024-07-03 15:35:49 97

原创 vue antv 可多选表格嵌套标签页tabs样式变形问题

【代码】vue antv 可多选表格嵌套标签页tabs样式变形问题。

2024-06-27 15:22:13 196

原创 vue2 antv 可编辑、保存表格

以下代码只记录了关键部分的主要思路。

2024-06-21 17:31:31 183

原创 vue2 antv table 可选行单选，并设置不可点击样式

【代码】vue2 antv table 可选行，并控制行不可点击样式。

2024-05-20 14:08:34 212

原创 vue2 图片拖拽时，e.clientX与e.clientY有1秒会变成0

根据以上参考，添加了这句 @dragover.prevent="handlerDrag"来阻止拖拽事件的默认行为。这是一个常见的需求，尤其是在你想要创建可拖拽排序的列表时。事件中处理项的移动。这样就可以创建一个可拖拽排序的列表了。在Vue中，你可以使用@dragover.prevent。以下是一个简单的例子，演示如何在Vue中使用。在这个例子中，我们有一个可拖动列表项的。事件来记录拖动的项和索引，使用。来阻止默认的拖拽放置行为，并在。【文心一言提供的参考】

2024-04-28 15:52:12 172

原创 element ui, el-tree, 自定义图标

【代码】element ui, el-tree, 自定义图标。

2024-04-09 14:28:51 817 1

原创 Mac nvm安装

mac安装brew和nvm的终极方法 - 知乎 (zhihu.com)node.js - nvm的安装与使用（Mac 版） - 个人文章 - SegmentFault 思否

2024-03-21 19:48:05 213 1

原创 Vue, Resize 根据屏幕宽高比，实时判断是否添加class

这里用了1500px的页面作为参考，当它在高度不足800px时出现背景缺失的问题，所以宽高比的临界值设为 1500/800 = 1.875。并且根据此数值来测试，当宽高比大于1.875时，页面是否都会出现背景缺失问题，如有其他情况再进行细调。问题：在页面高度不足时，需要对样式进行判断、修改，保证页面背景的完整。已试过CSS修改调试，无法实现背景补全，所以采取了以下方法。需求：自适应屏幕页面。【resize设置】

2024-02-22 10:26:49 245 1

原创 CSS 如何避免 Flex:1 因其高度或宽度超出而挤坏布局

其中48px是这个盒子的需要被固定的大小，根据需要设置。

2024-02-21 10:09:50 575

原创 vue, element-ui, el-table，根据浏览器的高宽，设置表格不同高度

template中，设置el-table的:max-height="this.tableHeight"在小屏幕下，将table的max-height设为固定值；在大屏幕下，表格高度根据浏览器高度自适应。document.body.clientWidth 当前浏览器宽度。window.innerHeight 当前展示页面高度。

2024-01-24 15:45:12 639 1

原创 ant-design-vue, a-table, 自动生成序号列

通过 customRender: (text,record,index) => `${index+1}`, 自动生成序号列，不用再写template。

2024-01-19 11:10:18 1379 9

原创 ant-design-vue, 设置DatePicker内建TimePicker的步长

设置DatePicker内建TimePicker的步长， :show-time="{ format: 'HH:mm', minuteStep: 15, hourStep: 1 }"

2024-01-17 14:32:11 489

原创 antd, a-table, 设置td的customCell点击事件

因为td里还包含了div，所以event.target不是td本身，无法使用cellIndex查找索引，需要用 .closest('className') 查找距离自己最近的符合条件的 td。a-table中，设置td的customCell点击事件。

2024-01-15 18:58:34 908

原创 ant-design-vue, a-table,固定左侧2列，根据日期动态生成右侧表格数据

自定义一个date_data数组，a-table中template的v-for循环使用自定义date_data数组，注意:columns的slots title的值要与自定义date_data的属性dateName做对应，从而可以使用date_data中的数据做展示。

2024-01-15 15:43:10 522

gaowxx的博客

原创 vue2 Echart 设置图表、resize并自定义tooltip

原创【前端学习】AntV G6-03 布局机制、配置布局、使用插件

原创【前端学习】AntV G6-02 图元素及样式配置、状态样式和事件监听

原创【前端学习】AntV G6-01 创建一个简单的图

原创 vue antv 穿梭框Transfer配合树形控件Tree实现多选

原创 vue antv 自定义Descriptions 描述列表

原创 vue js 根据对象里有几项，判断分隔符是否显隐