logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

AntD Vue中a-table的使用

最近在一个后台管理系统中用到AntD,其中对表格用的比较多。对常见的表格处理进行简要总结

#前端#vue.js
Ant Design Vue: a-table 组件来创建表格,在表头中使用 slot 插槽来自定义表头的列

在这个示例代码中,我们在表头中定义了两列:姓名和操作。对于“操作”列,我们使用了 scopedSlots 来定义一个名为 operation 的插槽,用于自定义该列的内容。在插槽中,我们根据当前行的展开状态来显示不同的按钮。如果当前行已展开,则显示“Close”按钮。在 Ant Design Vue 中,可以使用 a-table 组件来创建表格,并且可以使用 expand-row 属性来自定义展开

文章图片
#vue.js#javascript#前端
Ant-design-vue系列: 树形控件 a-tree 的新增、删除、编辑节点

id="code">在上面的示例中,我们在 a-tree 组件中使用 `@edit` 事件来监听节点编辑事件。在上面的示例中,我们在 a-tree 组件中使用 @remove 事件来监听节点删除事件。在 handleRemove 方法中,我们通过 splice 函数将当前节点的父节点中的子节点列表删除当前节点。在上面的示例中,我们在 a-tree 组件中使用 @create 事件来监听节点创建事件

文章图片
#vue.js#javascript#前端
Ant-design-vue系列: 树形控件 a-tree 的新增、删除、编辑节点

id="code">在上面的示例中,我们在 a-tree 组件中使用 `@edit` 事件来监听节点编辑事件。在上面的示例中,我们在 a-tree 组件中使用 @remove 事件来监听节点删除事件。在 handleRemove 方法中,我们通过 splice 函数将当前节点的父节点中的子节点列表删除当前节点。在上面的示例中,我们在 a-tree 组件中使用 @create 事件来监听节点创建事件

文章图片
#vue.js#javascript#前端
echarts系列:x轴与y轴详细配置说明

最近在做大屏的时候使用了5.2版本的echarts,遇到很多的echarts图表,现将常用的x轴与y轴配置列出来。xAxis与yAxis中有很多配置项,下面我以xAxis进行详解,yAxis参考xAxis即可。上述xAxis与yAxis中的配置项,其中也会含有很多属性,具体使用请参考一下内容。splitArea :坐标轴在 grid 区域中的分隔区域,默认不显示。splitLine: 坐标轴在 g

文章图片
#echarts#前端#javascript
Vue系列:在离线环境下部署,CDN无法访问导致vuex.min.js、axios.min.js和vue-router.min.js的cdn地址无法访问

将这些文件下载到本地,并将它们添加到项目的静态资源目录中,在HTML文件中使用相对路径进行引用。等,可能是因为这些文件被从CDN地址引用,而你的内网环境无法访问这些CDN地址。语句进行引用,这样就不需要从CDN地址引用了。在无外网环境下部署Vue项目,如果在内网环境中无法访问到一些必须的文件,比如。使用npm安装这些依赖包,并在Vue项目中通过。然后在需要使用这些库的文件中通过。有其他好的方式,欢

文章图片
#vue.js#javascript#前端
vue AntD中栅格布局的四种大小xs,sm,md,lg

前端为了页面在不同大小的设备上也能够正常显示,通常会使用栅格布局的方式来实现。cssBootstrap栅格布局的四种大小xs,sm,md,lg。

#vue.js#前端#javascript
node版本查看

查看node历史版本信息

文章图片
#前端
到底了