组件 常用confirm vue

uni-app前端图表组件库,折现图横屏android失败的解决办法

网址:https://www.ucharts.cn/v2/#/demo/index,需要登录,微信就可以 我在使用折现图时,业务需要把曲线图在点击全屏时横屏全屏显示。就做个全屏页面,点击后,把option和data传到该页面去。做前端得伙伴实现后,发现他得iphone13每次全屏都没问题,而在我得a ......
前端 图表 组件 uni-app android

vue注册全局组件,批量注册全局组件的所有方式

本文列出所有主流在vue中批量注册全局组件的方法 本文下面所有例子的组件目录如下: 方法一:直接在main.js中循环遍历注册 1.在main.js中 // 引入所有需要注册的全局组件 import aboutView from '@/components/common/aboutView.vue' ......
全局 组件 方式 vue

vue-router钩子执行顺序

Vue的路由在执行跳转时,根据源码可知,调用了router中定义的navigate函数,源码中可以看出,由Promise then的链式调用保证了路由守卫按照以下顺序执行 ......
钩子 vue-router 顺序 router vue

关于vue集成element ui表格无法渲染

依赖版本问题 安装后重新加载依赖,直接 npm install 版本修改: cnpm install core-js@3.8.3 ......
表格 element vue

vue中的provide/inject具体使用

隔了很长一段时间才更新。 因为这段时间换了个地方搬砖,事情比较多,需要熟悉公司的各个项目涉及到的业务和代码,所以才没更新。 从今天开始准备慢慢恢复更新,争取一周分享一篇自己学习的心得。新坑主要技术栈是以vue为主,所以分享的内容主要也是以vue为主。随着形势的发展,前端行业对于从业人员来说要求也会越 ......
provide inject vue

Linux防火墙常用命令

## 1、CentOS-7 > 注意:下列命令要用root账号/权限执行 ### 1.1、查看防火墙状态 ``` systemctl status firewalld ``` ### 1.2、非永久性关闭防火墙 ``` systemctl stop firewalld ``` ### 1.3、非永久 ......
防火墙 命令 常用 Linux

设计师常用的设计工具都有哪些?

特别是在当今的UI设计领域,如果没有合适的UI设计工具,那么即使你的创作能力很强,工作也会有限,但许多软件需要会员使用,这不适合新设计师,所以有在线UI设计工具吗?关于这个问题,今天我将介绍一些可以免费使用的UI设计工具。 1.即时设计 即时设计是一款免费的在线 UI 设计工具,无系统限制,浏览器打 ......
设计师 常用 工具

Vue3多条数据复制功能,复制内容用逗号拼接

<div class="person-list"> <div class="person-item">9939939939399399</div> <div class="person-item">1111111111111111</div> </div> <el-icon class="allow ......
逗号 多条 功能 内容 数据

【HarmonyOS】ArkTS自定义组件如何调用通用属性?

​ 【关键词】 ArkTS、通用属性、 @BuilderParam 【问题背景】 有个开发者使用ArkTS自定义了一个子组件AnimationButton,里面用到了装饰器 @BuilderParam,在父页面中引用的时候使用自定义组件时,使用以下方式调用: ​ 就报了这个错 ​ 【问题分析】 开发 ......
组件 HarmonyOS 属性 ArkTS

Vue3的响应式数据处理方式

问题:data[0].tableId 是 undefined,但控制台可以打印出 data[0] 的值 原因: Vue 3 的响应式数据处理方式导致的。 Vue 3 使用了 Proxy 来实现响应式数据。当你访问一个响应式对象的属性时,Vue 会在底层进行拦截,并返回响应式的值。这意味着,当你访问 ......
数据处理 方式 数据 Vue3 Vue

vue2和vue3的区别

1.性能提升 vue3对性能进行了优化,相较于vue2,在运行时的性能更高。vue3采用了Proxy代理机制,使得在数据变化时可以更快的更新视图,从而提供了更好的响应性能。 2.Composiiton API (组合式API) vue3引入了Compsition API,这是一种新的API风格,它允 ......
vue vue2 vue3

vue3中的watch与vue2中的watch的对比

新版的 watch 和旧版对比,在使用方式上变化非常大!旧版是这样用的,和 data 、 methods 都在同级配置: // 旧版的写法: export default { watch: { // ... }, data () { return { // ... } }, methods: { / ......
watch vue vue3 vue2

vue3实现图片滚动播放

<template> <div class="swiperBox"> <div id="swiper"> <div class="imgBox" @mouseenter="mouseenter" @mouseleave="mouseleave"> <a v-for="(x, i) in LinkLi ......
图片 vue3 vue

vue 页面刷新防止数据丢失的解决办法

在vue项目中,经常会切换tag,或者刷新页面。导致路由中的数据丢失, 可以使用以下方法 1:将需要缓存的数据 存在stroge(session,local)中,这样即使页面刷新也不会丢失 2:将数据保存在url中,eg: { name: 'zlgmmasterdataedit', path: 'z ......
页面 办法 数据 vue

vue3状态管理工具Pinia的使用

1.安装 npm install pinia --save 2.src文件夹下新建store文件夹,并新建index.ts import {createPinia } from 'pinia' const pinia = createPinia() export default pinia 2.在m ......
管理工具 状态 工具 Pinia vue3

lottie-player src路径错误>在Vue.js中不工作

lottie-player src路径错误>在Vue.js中不工作 浏览 153关注 0回答 1得票数 0 原文 当我在我的Vue.js代码中插入<lottie-player>并且动画来自lottiefiles的网站时:它工作得很好。但是如果我的animation.json来自我的公共文件,我会在控 ......
lottie-player 路径 错误 lottie player

常用的正则表达式

1、只包含中文 const regCn = /[\u4e00-\u9fa5]+/ // !str.match(regCn ) 2、只包含英文 const regOnlyEn = /[a-zA-Z]+/ // regEn.test(str) 3、包含英文和数字 const regOnlyEnAndNu ......
正则 表达式 常用

vue中vue-alipayer-v2的使用

项目中播放视频用到了vue-alipayer-v2,代码如下 <template> <VueAliplayerV2 :source="$api.showImageUrl + playvideo.videopath" ref="VueAliplayerV2" ></VueAliplayerV2> </ ......
vue-alipayer-v vue alipayer

vue vuedraggable实现拖拽,table表格拖拽,拖拽自定义样式

效果 1,npm install --save vuedraggable 2, import draggable from "vuedraggable"; 3, components: { draggable, }, 4, <table cellspacing="0" cellpadding="0" ......
vuedraggable 样式 表格 table vue

vue.js:el-checkbox的全选复选框例子(element-plus@2.2.5)

一,官方文档地址: https://element-plus.gitee.io/zh-CN/component/checkbox.html#%E4%B8%AD%E9%97%B4%E7%8A%B6%E6%80%81 二,代码: 1,html代码 1 2 3 4 5 6 7 8 9 10 11 12 1 ......

vue.js:路由跳转后自动定位到页面顶部(vue@3.2.37)

一,代码: 说明:在main.js中增加代码,在路由跳转后滑动到顶部,如下 //页面加载后滑至顶部 1 2 3 router.afterEach(() => { window.scrollTo(0,0); }); main.js的例子如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 ......
路由 vue 顶部 页面 js

如何编写难以维护的React代码?耦合组件

# 如何编写难以维护的React代码?耦合组件 在许多项目中,我们经常会遇到一些难以维护的React代码。其中一种常见的情况是:子组件直接操作父组件方法,从而导致父子组件深度耦合。这样的实现让子组件过于依赖父组件的具体实现细节,使得代码难以维护和扩展。 让我们来看一个例子: ```jsx funct ......
组件 代码 React

Idea 常用快捷键

1、alt+enter 快速导入命名空间 2、alt+insert 快速生成get、set、构造函数、toString方法重写等 3、ctrl+shift+/ 多行注释 4、ctrl+N 快速搜索莫个类、文件、符号等 5、ctrl+H 打开某个类的继承树 双击选中类型,ctrl+H右侧就可以看到该类 ......
快捷键 常用 Idea

UI设计师常用的设计软件有哪些?推荐这4款

对于UI设计的初学者来说,掌握一个实用且易于使用的界面UI软件是非常重要的。今天,我整理了四个易于使用的界面UI软件。让我们看看。 即时设计 即时设计是一款免费的在线 UI 设计工具,无系统限制,浏览器打开即可使用,更有丰富的在线素材、云端字体、交互动画等功能满足多种需求,轻松应付移动端、Web端、 ......
设计软件 设计师 常用 软件

SQLServer 常用日期sql语句

SELECT CONVERT(varchar(100), GETDATE(), 0): 05 16 2006 10:57AM SELECT CONVERT(varchar(100), GETDATE(), 1): 05/16/06 SELECT CONVERT(varchar(100), GETDA ......
语句 SQLServer 常用 日期 sql

DevExpress WinForms Scheduler组件中文教程 - 如何与Office 365双向同步?

随着DevExpress WinForms最近的更新,用户可以无缝同步DevExpress WinForms Scheduler与Office 365事件/日程的数据。您可以将用户日程从WinForms Scheduler中导出到Office 365日历,或将Office 365事件/日程导入到Sc ......
双向 DevExpress 组件 Scheduler WinForms

64.Oracle常用的性能排查手段

1 查看数据库的等待事件 select event,count(*) from v$session where wait_class <> 'idle' group by evnent; 2.根据等待事件查看sql_id select sid,username,sql_id,module,machi ......
手段 性能 常用 Oracle 64

vue 实现 word/excel/ppt/pdf 等文件格式预览操作

方法一: 使用微软的在线预览,使用iframe作为载体 <iframe frameborder="0" :src="'https://view.officeapps.live.com/op/view.aspx?src=' + fileUrl" width='100%'> </iframe> 方法二: ......
格式 文件 excel word vue

linux常用内存相关命令总结

查看某个pid占用物理内存的峰值 cat /proc/pid/status|grep -E "VmHWM|VmRSS" 参考信息:(23条消息) Linux下查看某一进程占用的内存_Jeremy_Lee123的博客-CSDN博客 内核内存泄漏常用工具 kmemleak Kmemleak是Linux内 ......
命令 内存 常用 linux

Python 中常用的三种字符串占位符方式

#### 上古时期 python 2.6 之前 ``` name = "Alice" age = 25 print("My name is %s and I'm %d years old." % (name, age)) ``` #### 这是 Python 2.6+ 版本 类似 java ``` ......
字符串 字符 常用 方式 Python