Angular: [ControlValueAccessor] 自定义表单控件我们在实际开发中，通常会遇到各种各样的定制化功能，会遇到有些组件会与 Angular 的表单进行交互，这时候我们一般会从外部传入一个 FormGroup 对象，然后在组件的内部写相应的逻辑对 Angular 表单进行操作。如果我们只是对表单中的一个项进行定制，将整个表单对象传入显然不合适，并且组件也会显得臃肿。<f
转载
2024-09-18 19:09:18
173阅读
文章目录组件介绍开发思路组件安装与使用标准用法自定义背景色和字体颜色点击和关闭的回调组件代码参数说明事件关于dxui组件库 组件介绍“Tag” 组件是一种常见的用户界面元素，通常用于显示标签或标记，以标识或分类内容、数据、选项或元素。标签通常用于给用户提供快速的视觉参考，帮助他们理解、筛选、组织或分类信息。以下是关于 “Tag” 组件的介绍和特点：标签显示:“Tag” 组件通常以文本或小图标的形
转载
2024-10-29 17:11:01
138阅读
在开发后台管理系统中，经常会碰到合计行的需求，element有直接的属性可以使用，antdvue的需要手动去生成 如图为实现合计后的效果 1。首先给table配置column的时候，要明确哪些字段需要使用合计，如上图，只有总板数需要使用合计，那给总板数的配置加上标识符 即可,我这里为了方便辨识，直接增加了 su
转载
2024-04-25 17:34:29
44阅读
1. 路由登陆后跳转到主页： router/index.js 配置 // Avoided redundant navigation to current location const originalPush = Router.prototype.push Router.prototype.push
原创
2022-09-20 11:59:40
276阅读
<template> <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300,y:1500}" class="tb_list" ref="table" :pagination="{ current: table.pageN
原创
2022-09-20 12:02:45
35阅读
接口请求： 安装：npm install axios --save main.js配置 import axios from 'axios'; import qs from 'qs'; Vue.prototype.$axios=axios; Vue.prototype.qs=qs; axios.def
原创
2022-09-20 12:03:41
112阅读
1.全局样式色彩色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的）色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开，建议从以下5个方面出发统一的画板尺寸：统一设计板尺寸适配方案：判断系统是否需要适配，哪些区域是需要动
醉卧沙场君莫笑，古来征战几人还。 一、简介数据驱动的图形编辑引擎，以流程图展示关系流程，支持拖拽 二、基础使用所有图表示例1. 实现一个最简易的Graph⑴. 安装# npm
$ npm install @antv/x6 --save
# yarn
$ yarn add @antv/x6 ⑵.
vue代码react 的通道 -><template>
<div i
效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor
原创
2022-09-20 12:02:32
887阅读
先说下效果： 代码： <template> <div> <a-card title="form-data" :bordered="true" style="width: 40%"> <div> <a-form ref="form" layout="inline" :model="form" > <d
原创
2022-09-20 12:02:51
786阅读
一、父传子在父组件中引入子组件在引入的子组件上写上要传递的值 如要将父组件的name传递给子组件在子组件的props中写上 props: { inputName: String, required: true }完整例子：父组件：
父组件:
子组件：
子组件:
{{inputName}}
二、子传父子组件需要触发一个事件比如click事件然后再将子组件的值传给父组件在cl
最近在学习ASP.NET，发现了几个有趣的类，比如自定义用户配置提供程序ProfileProvider，成员提供程序MembershipProvider，角色管理RoleProvider，会话状态SessionStateStoreProvider，这几个类经常作为权限相关设置，但是默认这几个类都必须使用定制的数据库，因此造成诸多限制 但如果重写这些类，然后配合.NET原有的API来使用，这样
绘图区域设置的方法：一、适当修改系统配置使用菜单栏中的“工具”→“选项”对话框修改系统配置：1、选择“显示”选项卡，修改显示精度为2000(最高20000，圆和圆弧的显示更平滑，但可能显示速度变慢)。 2、选择“用户系统配置”选项卡，自定义鼠标右键功能。“默认模式”选择第一项“重复上一个命令”，“命令模式”选择第一项“确认”。这样能提高绘图速度，当然也可不作改变，这要以个人习惯而定。
转载
2024-04-09 09:34:46
1277阅读
一、 Ant Task【任务】作用：执行过程中调用并执行其他target。注意：虽然Ant任务与Ant重名，但是不是一回事。Ant任务的作用是执行项目的子项目的构件文件，值得注意的是Ant任务依赖于target元素，需要在某个target元素中使用，不能在target元素外独立使用。属性作用antfile指定要执行的构件文件的名称，可包含路径信息。dir用于指定构件文件所在的目录，相当于指定了要执
一、搭建基础环境1. 正常有两种使用vue的方式（1）第一种直接在html中引入vue脚本使用（简单的代码书写,本人就不在展示了，有兴趣的看Vue直接引入js） （2）第二种使用webpack进行构建（可以书写复杂的代码，推荐）2. 使用webpack构建环境准备（1）本人环境（2）按照下列顺序安装node.js安装教程npm使用介绍（安装后建议使用国内的淘宝镜像cnpm,当然cnpm有时安装会导
转载
2024-03-07 13:07:38
227阅读
最近开发中使用到了Antd这款世界上最受欢迎的（前段时间还是第二）React-UI框架，而这个表单（Form）我看眉清目秀的，来，让哥哥来康康······功能收集输入表单容器（input、select）内容根据校验规则进行内容校验 并 显示结果APIcreategetFieldDecoratorgetFieldValuegetFieldsValuesetFieldsValue····
转载
2024-04-01 01:04:55
591阅读
使用VUE开发后台管理系统 完全由后端控制左边菜单项思路在传统开发后台管理系统时，都会涉及权限控制这一功能需求 即：根据不同登录的角色账号来使用该账号拥有的功能，也就是说系统左边的菜单栏不是固定不变的，而是根据登录账号的权限去动态控制的，现在主流的两种模式即:1.前后端配合控制 2.完全由后端来控制本章着重来介绍 第二种模式 :由后端数据控制前端的菜单借助Ant Design Pro Vue 来讲
转载
2024-04-19 11:37:14
210阅读
最近公司的业务需要,要做一个后台管理系统的管理系统类似于这样子功能需求如下:左边是权限菜单,右边对应的是具体权限.1.父级权限菜单选中,父级权限菜单的权限包括其中所有子级权限菜单的权限也要选中,父级权限菜单取消选中,同理. 如下图所示 2.父级权限中所有的权限没有全部选中,父级权限菜单属于半选中状态(注意这里父级权限菜单和子级权限菜单是相对的,父级权限菜单可以是子级权限菜单,
转载
2024-04-02 14:08:37
185阅读
一步步创建一个vue项目（五）标签栏实现根据route内容实现标签栏这里是依据vue-element-admin中的代码，通过自己整理后将自己整理的一些内容列出来： 首先是要实现的功能： 1.点击左面的导航栏右面会出现相对应的标签和页面（可关闭） 2.判断页面是否活跃，哪些页面是活跃状态 目前只实现了这两个功能 这里的标签页的记录使用了store，把哪些页面打开，哪些页面关闭使用store记录，主
转载
2024-03-20 12:16:09
114阅读
Vue 组件封装之 tab 切换一、Tab 切换组件二、使用案例三、API 使用指南四、源代码五、总结 一、Tab 切换组件组件说明： 实现 tab 切换。效果展示： 实现 tab 切换，改变激活样式，切换到对应的页面 以上 tab 切换功能在前端开发中司空见惯。各种现存的组件也随手拈来。在 Vue 中，有配套的 element-ui 组件，也有 vue-ant-design。element-u
转载
2024-02-27 21:49:37
167阅读
