样式 组件scoped vue

element 树形控件,父节点不显示复选框,子节点显示复选框,需增加特定样式

代码复用参考: /deep/ .stafftree .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner { display: inline-block; } /deep/ .stafftree .el-tree .el ......
节点 树形 控件 样式 element

Vue【原创】千位符输入框(不仅只是过滤器哦)

最近和一个做金融的朋友讨论到千位符输入的问题,后来一想貌似自己项目中也会经常碰到金额数字这种输入框,要么自己做一个吧。 首先肯定要有一个正则表达式,也就是过滤器的方案里面常用的正则: 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha ......
过滤器 只是 Vue

使用ant design vue Table组件遇见的问题记录

1.首先是给表格加自增序号 { title: "序号", customRender: (text, record, index) => `${index + 1}`, }, 这样就加上了 2.然后是ant没有key值控制台报错 如果有id或者唯一属性可以把rowkey设置为唯一属性查了一下也不一定是 ......
组件 design 问题 Table ant

vue项目实现每隔1分钟刷新当前页面(附:清除定时器优化方案)

参考:https://www.dianjilingqu.com/417417.html ......
定时器 页面 方案 项目 vue

vue中使用SSE

安装依赖包 npm install event-source-polyfill --save 封装方法 SSEClient.js import {EventSourcePolyfill} from "event-source-polyfill"; import { getToken } from " ......
vue SSE

ExtJS-文件上传组件-FileUpload

ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 转载请注明出处:https://www.cnblogs.com/cqpanda/p/17030699.html >更新记录 >2023年8月24日 从代码迁移到博客。 完整源代码: h ......
FileUpload 组件 文件 ExtJS

vue 动态路由,按钮权限控制

src/directive/permission/index import Vue from 'vue' import buttonPermissions from './permission' // 注册全局指令 Vue.directive('permiss', buttonPermissions ......
路由 按钮 权限 动态 vue

DevExpress WinForms数据编辑器组件,提供丰富的数据输入样式!(二)

DevExpress WinForms超过80个高影响力的WinForms编辑器和多用途控件,从屏蔽数据输入和内置数据验证到HTML格式化,DevExpress数据编辑库提供了无与伦比的数据编辑选项,包括用于独立数据编辑或用于容器控件(如Grid, TreeList和Ribbon)的单元格。 在上文 ......
数据 编辑器 DevExpress 样式 组件

创建web应用程序,React和Vue怎么选?

React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持,代码库可以很大程度地扩展,允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝,可以解决你在开发阶段可能遇到的任何问题。 毫无疑问,React是创建跨平台解决方案的最佳框架。V... ......
应用程序 程序 React web Vue

时间筛选组件只选到月份,当月的话默认查月初到当前的前一天,其他月份的查月初到月末,且当月之后的月份禁止选择

//html 月份筛选组件 <div style="height: 28px"> <span class="headStyle">月作业率</span> <el-form :inline="true" :model="teamGroupForm" class="formInput" style="m ......
月份 组件 时间

Unity UGUI的Toggle(复选框)组件的介绍及使用

# Unity UGUI的Toggle(复选框)组件的介绍及使用 ## 1. 什么是Toggle组件? Toggle(复选框)是Unity UGUI中的一个常用组件,用于实现复选框的功能。它可以被选中或取消选中,并且可以代码通过其制控状态。 ## 2. Toggle组件的工作原理 组Toggle件由 ......
组件 Toggle Unity UGUI

vue--day69---vuex

1. vuex 是什么 概念:专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应 用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方 式,且适用于任意组件间通信。 2. 什么时候使用 Vuex 1. 多个组件依赖于同一状态 2. 来自不同组件的行为 ......
vuex vue day 69

vue 脚手架文件结构及加载过程浅谈

1. 初始化脚手架 1.1 全局安装 @vue/cli npm install -g @vue/cli 1.2 切换到创建项目的目录,执行 vue create projectname 1.3 选择符合自己要求的项进行Y/N,最终生成项目文件 2. 脚手架文件结构 |-- node_modules: ......
脚手架 过程 结构 文件 vue

样式表文件

样式表文件用于定义网页的样式和布局,常用的样式表文件类型有CSS(层叠样式表)和Sass(Syntactically Awesome Style Sheets)。 CSS样式表文件:CSS是一种用于描述网页样式的语言,通过CSS样式表文件可以集中管理网页的样式。在HTML文件中使用<link>标签引 ......
样式 文件

vue--day68--插槽的总结

## 插槽 1. 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类:默认插槽、具名插槽、作用域插槽 3. 使用方式: 1. 默认插槽: ```vue 父组件中 ......
vue day 68

vue--day67--作用域插槽

1. App.vue <template> <div class="container"> <Category title="游戏" > <template scope="atgui"> <ul > <li v-for="(g,index) in atgui.games" :key="index"> ......
作用 vue day 67

Fabric.js 元素选中状态的事件与样式

# 本文简介 带尬猴! 你是否在使用 `Fabric.js` 时希望能在选中元素后自定义元素样式或选框(控制角和辅助线)的样式? ![file](https://img2023.cnblogs.com/other/2700980/202308/2700980-20230823211856528-21 ......
样式 元素 状态 事件 Fabric

vue3+vite2动态绑定图片优雅解决方案

> 优雅解决方案在最下面,小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中,我们有时候想要动态绑定资源,比如像下面的代码这样: ```html ``` 实际效果是这样: ![](https://img2023.cnblogs.com/blog/3153981/202308/3 ......
解决方案 方案 动态 图片 vite2

Vue基础学习(第一篇Blog)

在HTML+CSS+JavaScript前端三件套后,Vue的出现就显得很有必要了 Vue是一种前端开发JS框架,它的出现使传统的面向JS中的DOM对象模型的开发效率得到了提升。Vue的核心思想是MVVM(Model-View-ViewModel)模型,这种模型使得前端的页面显示同后端数据模型相结合 ......
基础 Blog Vue

vue复习

vue vue是什么? 它是一个轻量级MVVM框架 数据驱动+组件化的前端开发 Github 超过25K + 的star 熟,社区完善 Vue.js更轻量,gzip后大小只有26K;更易上手,学习曲线平稳 形成Vue渐进式框架的核心概念为:组件化,MVVM,响应式,和生命周期 vue的优缺点 优点1 ......
vue

Vue packages version mismatch:

报错原因:vue与vue-template-compiler版本不匹配。 解决办法: 上图中说了看看使用vue-loader的版本,我的是13版本大于10.0版本,这个时候需要更新vue-template-compiler //卸载 npm uninstall vue-template-compil ......
packages mismatch version Vue

解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题

在vue中使用定位将表单中的取消,确认按钮固定在底部时,安卓手机在编辑表单内容时会将底部按钮整体往上移动,按钮出现在虚拟键盘上面,此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏,以解决按钮显示在虚拟键盘之上的问题, 没有时间赘述, 附上转载链接: https://blog.csdn.ne ......
底部 按钮 键盘 页面 项目

vue eslint 报错 error “Component name “*****“ should always be multi-word”,该怎么办?

出现的问题: 在 vue-cli 创建的项目中,创建文件并命名后,会报 “Component name "*****" should always be multi-word” 报错; 报错截图示例如下: Component name "******" should always be multi- ......
multi-word Component 怎么办 eslint always

Vite + Vue3 + Element-Plus

搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
Element-Plus Element Vite Plus Vue3

解决Vue中el-select第二次选择选项时才会显示上一个选项的响应结果

今天在写一个选择器的时候出现一个问题 这个功能需求是:通过选择器选择不同的选项,点击查询按钮发送请求,并将响应结果放到一个div中用v-if控制是否显示。 看似简单的一个功能,却出现一个很搞笑的bug。在我选择一个选项点击查询,本应该显示结果的div没有显示出来,而在选择一个其他选项,不需要点击查询 ......
el-select 结果 select Vue el

vue 项目加水印---canvas画图法

搬运 蛙蛙 大佬的文章(做了写自己的补充) 文章链接:https://segmentfault.com/a/1190000022055867,怕以后找不到了 一:创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l ......
水印 项目 canvas vue

图片预览组件 (放大 缩小 旋转 鼠标拖动)

**效果图** ![](https://img2023.cnblogs.com/blog/3239040/202308/3239040-20230823152220429-93813873.jpg) **其中的图片初始化 不需要 如果需要可自行修改一下** **完整代码如下 ** 点击查看代码 `` ......
组件 鼠标 图片

vue图片预览( 放大 缩小 旋转 鼠标拖动)

* 此组件是图片是默认展开的 里面是操作的功能 ![](https://img2023.cnblogs.com/blog/3239040/202308/3239040-20230823151923294-1824640342.jpg) 代码如下 ` {{ title }} {{ currentInd ......
鼠标 图片 vue

安装vue3+vite报错

报错:‘D:\Program‘ 不是内部或外部命令,也不是可运行的程序; 我已经配置过环境变量,发现是node 安装目录 D:\Program Files\nodejs ,中间有空格导致,只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
vue3 vite vue

Vue3定义全局函数和变量

定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性,所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2: // 之前 (Vue 2.x) Vue.prototype.$http = ......
全局 变量 函数 Vue3 Vue