随笔分类 - 91vue.js
摘要:先看目标效果(gif由迅捷gif工具制作试用,使用vscode可以打开gif,进行预览) 效果分析 1.左右区域,支持拖拽。左侧选项,拖入右边。可以新建大模块,也可以给模块新增一项。 2.模块内部,支持拖拽排序,并按照排序,生成一个简单的层级。 3.模块名字支持编辑。同时增加表单校验,名字不存在,则
阅读全文
摘要:vue3+element-plus: el-table表格动态添加或删除行,无校验,支持下拉选择 https://blog.csdn.net/m0_58953167/article/details/134895241 点击空白处保存的能力 https://www.yii666.com/blog/21
阅读全文
摘要:全家桶参考地址 https://blog.csdn.net/weixin_44231544/article/details/132079709 vue3 element-plus(这里简称elp)和vue-router中的layout 1.在vue路由中,layout是一种思想。是一个自定义的组件。
阅读全文
摘要:import { CommonFormTypes } from 'globalConstants'; import { createContext, useCallback, useState } from 'react'; import { BoardType } from '../../../D
阅读全文
摘要:table宽度无限增加 table组件在flex布局下宽度自动无限增加 当前使用的是pro-table 这时候,一般都是给class叫pro-table或者叫table的父级,一个flex:1. 而pro-table或者table类,本身100%.就可以了。 这样的思路是父级指定宽度,表格100%,
阅读全文
摘要:https://juejin.cn/post/6844903982867939342 被抛弃的原因 未知原因
阅读全文
摘要:权限 https://www.bilibili.com/video/BV1v14y1z7mb/ 1.路由菜单权限 2.权限有菜单权限,按钮权限 多模块菜单 https://blog.csdn.net/JingDuo0909/article/details/129631166 https://blog
阅读全文
摘要:主要看视频,文档看的没意思 https://www.bilibili.com/video/BV1Ju41117TD
阅读全文
摘要:需求 在使用ant design of vue 的table表格时需要让之前已选择的数据显示勾选状态,还要支持跨页勾选 傻逼的方法 思路 需要指定row-key绑定的值必须唯一 ant-design-vue的表格对于跨页勾选支持的非常友好,只要设置绑定一下rowKey就可以了,我这里绑定的是work
阅读全文
摘要:``` 在antd的a-table中有复选框,选中后进行操作,比如删除,刷新后竟然还存在选中了的情况,这显然不合理,选中的参数是否清空或者拿到的就是选中的参数,都需要查看一边,查了一堆解决办法,试了一下,不行,不知道是不是vue3的情况就不行。 网络中的方案大多都是: const rowSelect
阅读全文
摘要:对于前端来说,在后台系统中最常见的需求,就是基于表单表格的正删改查。对于增和改,需要实现弹框组件。代码如下: ``` ``` ###使用方法: ###模板使用组件 ``` ``` ###控制打开弹窗 ``` 编辑 ``` ###js ``` const classModal = ref(null)
阅读全文
摘要:### 前端截取文字 ``` String(enterpriseName).length Promise, requestFn: () => Promise) { type Timer = ReturnType const text = ref('获取验证码') const disabled = r
阅读全文
摘要:###useRoute(): 返回当前的路由地址。相当于在模板中使用 $route。 ###useRouter(): 返回路由器实例。相当于在模板中使用 $router。 ``` import { useRouter, useRoute } from "vue-router"; const rout
阅读全文
摘要:### 请求 ``` const handldeComfirmTermwork = async (params) => { // async 异步函数标识 try { //捕获错误信息 const { id, sid, label } = params // 解构赋值 const res = awa
阅读全文
摘要:非常感谢您的指正和提醒,我的回答中使用了 arguments 对象,而这不是一个好的实践。可以使用 ES6 的剩余参数(rest parameters)来代替 arguments 对象。 以下是使用剩余参数替换 arguments 对象的示例代码: ``` import React from 're
阅读全文
摘要:基础思路,用layout得方式实现切换
阅读全文
摘要:1.husky 哈撒kei,lol中,压缩的台词。 主要是为了,监听git的操作,做出相应的拦截。 husky的使用方法 2.eslint 校验js代码 3.prettier 按指定的规则,去优化代码排版。 eslint发现格式问题,pret去解决部分排版问题。 4.babel 高级语法,转译为,低
阅读全文
摘要:###目标效果 实际效果 关键代码,直接从react版本的antd复制的代码,并修改了,current加上了moment(current) <DatePicker dateRender={current => { const style = {}; if (moment(current).date(
阅读全文
摘要:前言 例如:随着对项目的不断学习,我们有必要清楚项目根目录文件的前世今生。 一、rc是什么? 对于的rc的起源 ‘rc’ 后缀可以追溯到 Unix 的祖父母 CTSS。它有一个名为“runcom”的命令脚本功能。早期的 Unix 使用 ‘rc’ 作为操作系统启动脚本的名称,作为对 CTSS ru
阅读全文
摘要:使用scrollIntoview 会滚动整个页面。 使用原生的scrollTo方法来代替。 let item = document.getElementById("item"); // 指定的元素 let wrapper = document.getElementById("wrapper"); /
阅读全文