样式 组件scoped vue
Vue 项目安全扫描漏洞，JS 库版本太低，要求升级 YUI
参考：https://blog.csdn.net/u012961419/article/details/130016341 使用方法一处理 import JsEncrypt from 'jsencrypt/bin/jsencrypt.min' ......
直播开发app，vue防抖 自定义ref实现输入框防抖
直播开发app，vue防抖 自定义ref实现输入框防抖 首先需要把input 的双向绑定v-mode 拆开为 一个value 和一个input事件，在事件里注册一个函数 debUpdata，debUpdata里获取到input输入内容再赋值给text，这就类似于手写v-mode，代码如下： <tem ......
【HarmonyOS】低代码开发使用module中的自定义组件
“Module是应用/服务的基本功能单元，包含了源代码、资源文件、第三方库及应用/服务配置文件，每一个Module都可以独立进行编译和运行。一个HarmonyOS应用/服务通常会包含一个或多个Module，因此，可以在工程中创建多个Module，每个Module分为Ability和Library两种 ......
VUE框架组件中通信方式(2)
## 全局事件总线 全局事件总线可以实现任意组件通信，在vue2中可以根据VM与VC的关系推出全局事件总线。 点击查看全局事件总线代码示例 ``` // main.js import Vue from 'vue' import App from './App.vue' // 创建一个Vue实例作为事 ......
vue自定义指令.上下左右滑动.长按事件.并且可以阻止冒菜和事件的默认行为
/** * 处理 移动设备上的 点击、长按、左右上下滑动 事件 * * * 导出了7个自定义指令： * v-tap： tap点击事件 * v-swipe： swipe滑动事件 * v-swipeleft： swipeleft左滑事件 * v-swiperight： swiperight右滑事件 * ......
基于vue+elementUI使用vue-amap高德地图
首先，需要去高德地图进行注册一个 https://lbs.amap.com/?ref=https://console.amap.com/dev/index ，得到一个key 然后 安装依赖 npm install vue-amap —save 在main.js中加入 import VueAMap f ......
Pyqt5学习-01 控件通过qss设置样式
# qss文件代码（QLabel样式） QLabel#notice { font-size: 20px; color: gray; border: 1px solid gray; border-radius: 8px; } QLabel#notice[notice_level="normal"] { ......
vue-element-admin 动态路由踩坑之路。。。
参考帖子 1.菜单详解（主要是加载原理，还有一些脚本，json格式的参考） https://blog.csdn.net/weixin_44922964/article/details/120927244 https://blog.csdn.net/qq_57581439/article/detail ......
CSS实现根据子元素数量应用不同样式
theme: condensed-night-purple highlight: atelier-cave-light 在前端的页面布局中经常会出现在子元素个数使用不同的样式的需求，比如文章列表，在较少内容下单列表现，而在元素内容较多时使用双列表现。再比如在页面排版上，可以根据元素内容的多少来修改内 ......
vue3透传 Attributes
“透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id 当一个组件以单个元素为根作渲染时，透传的 attribute 会自动被添加到根元素上 A组件： ......
Vue2电商实战项目(六)个人中心
### 个人中心```Center```组件 - 先搞定```静态组件``` ``` ### router.routes.js import Center from '@/pages/Center' export default [ { name:"center", path: "/center", ......
react的函数式组件中使用ref获取到子组件的方法为undefined
我暂时遇到了两种情况。 ### 第一种情况：useImperativeHandle函数写错 useImperativeHandle的第二个参数的返回值是作为ref.current的值，但是我写箭头函数写快了，忘记返回值了。 ``` useImperativeHandle(ref, () => {fo ......
VUE框架组件中通信方式(1)
## 在vue2中组件通信方式如： props:可以实现父子组件，子父组件，兄弟组件通信 自定义事件：实现子父组件通信 全局事件总线$bus：可以实现任意组件通信 pubsub：发布订阅模式实现任意组件通信 vuex：集中式状态管理容器，实现任意组件通信 ref：父组件获取子组件实例VC，获取子组件 ......
Vue如何在页面加载时将url的参数赋值给组件
<template> <input v-model="loginForm.username" name="username" type="text" tabindex="1" auto-complete="on" /> <input v-model="loginForm.password" :typ ......
使用vscode + vite + vue3+ element3 搭建vue3脚手架
技术栈 开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router状态管理：vuexAJAX：axiosUI库：element-ui 3数据模拟：mockjscss预处理：sass 构建viite + vue3 + element-ui3项目 1、安装vit ......
vue2中$set用法详细讲解
1、为什么要用set？ 在vue中，并不是任何时候数据都是双向绑定的。在官方文档中，有这样一段话，如下： 从文档得知，当数据没有被双向绑定的时候，我们就需要使用set了 2、set用法 解决数据没有被双向绑定我们可以使用 vm.$set 实例方法，该方法是全局方法 Vue.set 的一个别名。 th ......
vue3引入bootstrap5的折叠菜单无效问题解决
问题：通过npm后者yarn安装bootstrap5后，在入口文件全局引入bootstrap5的js、scc，在vue组件引入折叠功能，点击可以正常展开，在点击无法收回 解决办法：可参考网上博主的建议，大概意思就是之前引入的js文件不对，导致收回方法没有执行  ```html // 父组件代码 // 子组件代码 {{ name }} props: { name: { type: String, default: "default", }, } ``` 子传父（自定义this.$emit） `` ......
组件结构 - 在React中构建可重用和可维护的组件
我们将探讨组件结构的重要性以及它如何有助于创建高度可重用、模块化且易于维护的组件。 在 React 中构建可重用和可维护的组件不仅仅是编写代码；还需要编写代码。它涉及采用最佳实践并遵循合理的架构原则。 通过仔细构建我们的组件，遵守单一职责原则，并采用原子设计和组件组合等概念，我们可以创建更加模块化、 ......
uniapp-chatgpt跨端仿ChatGPT实例|uniapp+vue3+pinia多端聊天模板
基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。 uni-chatgpt 使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端，支持渲 ......
vue的两种风格--选项式API
<script>export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } }, mounted() { console.log(`The initial count is ${th ......
Vue2.x 基本认识四：路由
路由认识 概念 路由（route）就是一组（key -value）对应关系。多个路由由一个路由器（router）管理。 key 为路径，value 可能是 function 或 component 。 function 是后端路由，用于请求服务器获取数据。 component 是前端路由，用于展示页 ......
猿大师办公助手VUE网页在线打开编辑保存微软Office、金山WPS文档，并强制修改留痕。
很多OA的在线办公系统中，都需要多个人修改编辑Office文档，这样很容易版本混乱并且极易出错，如果这时候启用强制留痕并且启用留痕，就可以记录每个人的操作记录，方便文档管理，降低操作风险。 实现方法： 第一步：安装猿大师办公助手，下载地址：http://www.yuanofficer.com/xia ......
【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件
## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点： 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
【TypeScript】Element 组件导入在 TypeScript 5 报错：模块 ““element-plus““ 没有导出的成员。。。
## 报错现象  ## 解决方法 typescript 5.0版本升级，使用了 `compilerOptions.modu ......
Vue（九）：计算属性
现在有一个需求，输入姓和名将其拼接为全名，全名要求根据姓名实时变化。 下面是三种实现： 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex ......