自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 axios使用过程

axios使用过程。

2025-10-16 17:31:15 379

原创 pinia的详细用法

count: 0,}),getters: {//也可以使用this${//也可以使用this doubleCount :(state) => state . count * 2 , greeting :(state) => ` Hello, ${ state . name }!//也可以使用this doubleCount :(state) => state . count * 2 , greeting :(state) => ` Hello, ${ state . name }!!},

2025-10-16 15:27:48 333

原创 Vuex 详细用法(Vue2 和 Vue3)

Vuex 是 Vue.js 官方推荐的状态管理库,用于集中管理应用中所有组件的共享状态。本文将详细介绍 Vuex 在 Vue2 和 Vue3 中的用法。

2025-10-13 16:56:03 425

原创 前端动态路由实现方案

动态路由是现代前端应用的重要功能,允许在运行时根据条件动态添加、修改或删除路由。

2025-10-09 10:15:27 312

原创 Vue2 和 Vue3 中使用 Vue Router 的详细过程

特性安装命令创建路由历史模式路由注入直接在 Vue 构造函数中组件内路由选项式 API组合式 API (useRouter路由守卫等等。

2025-09-28 10:27:49 281

原创 vue2和vue3的watch用法

在Vue 2和Vue 3中,watch用于监听响应式数据的变化并执行副作用逻辑。两者核心功能一致,但Vue 3在组合式API中提供了更灵活的用法,并支持TypeScript类型推断。

2025-09-25 14:54:15 737

原创 Vue中computed计算属性使用方法

computed计算属性用于声明式地描述一个值依赖于其他响应式状态。计算属性会自动追踪依赖,并在依赖发生变化时重新计算。

2025-09-25 10:08:27 1328

原创 Vue 中的 v-model 指令详解

Vue 中的 v-model指令详解

2025-09-23 10:09:01 671

原创 Vue动态组件详细用法指南

Vue动态组件详细用法指南

2025-09-22 16:31:24 350

原创 Vue组件插槽

Vue组件插槽

2025-09-19 17:29:01 172

原创 Vue组件通信

Vue组件通信

2025-09-18 17:19:43 419

原创 vue脚手架的安装和使用

Vue CLI是Vue.js官方提供的标准脚手架工具,用于快速搭建Vue项目。

2025-09-16 09:38:12 370

原创 Vue 中动态绑定 class 的方法

在 Vue.js 中,动态绑定 class 是一个常见的需求,Vue 提供了多种方式来实现 class 的动态绑定。

2025-09-15 13:45:49 574

原创 记:解决前端项目中使用Leaflet引入离线地图步骤

前端项目中使用引入leaflet离线地图步骤

2025-09-12 10:23:08 91

原创 vue项目加载摄像机flv流

vue项目加载flv流

2025-08-01 11:22:15 231

原创 ReadableStream is not defined

【代码】ReadableStream is not defined。

2025-06-24 10:38:24 296

原创 JavaScript之this绑定问题

Javascript的this绑定问题

2025-05-07 14:58:47 299

原创 JavaScrip原生给动态添加的td(操作列)添加点击事件

当您动态地向HTML表格中添加行和单元格时,您可能还想为这些新添加的单元格添加点击事件。由于这些元素是在页面加载后添加的,因此您无法直接在HTML中通过属性来添加事件监听器。事件委托是一种技术,它允许您将事件监听器添加到父元素上,然后利用事件冒泡原理来处理子元素上的事件。这种方法的好处是,即使子元素是动态添加的,您也不需要为每个新元素单独添加事件监听器。如果您更喜欢在添加每个新元素时直接为其添加事件监听器,您可以在创建新元素并添加到DOM后立即这样做。

2025-04-28 14:39:51 385

原创 vue3中配置嵌套路由、导航守卫

如果你需要在路由切换时执行一些逻辑(例如权限检查),你可以使用 Vue Router 的路由守卫功能。在你的 Vue 组件中,你可以使用 组件来生成导航链接,使用 组件来渲染当前路由对应的组件。在项目的 src 目录下创建一个 router 文件夹,并在其中创建一个 index.js 文件。这个文件将包含你的路由配置。在Dashboard .vue中。或者使用编程式导航跳转。

2024-10-14 11:53:08 566

原创 axios请求封装

vue中axios请求封装

2024-10-11 11:23:42 319

原创 如何使用mockjs

使用 Mock.mock() 函数来定义 Mock 规则。这个函数接受两个参数:第一个参数是 URL 或者 URL 匹配模式,第二个参数是响应的数据或者生成响应数据的函数。}]});

2024-10-10 10:21:33 350

原创 【箩筐地图】获取模板中的ref元素,作为弹窗的内容,可使弹窗内容更可控

【代码】【箩筐地图】获取模板中的ref元素,作为弹窗的内容,可使弹窗内容更可控。

2024-06-17 17:10:10 294

原创 【箩筐地图】vue项目中使用箩筐地图(web端),对点进行icon标记,点击标记弹窗显示点位信息

【代码】【无标题】vue项目中使用箩筐地图(web端),对点进行icon标记,点击标记弹窗显示点位信息。

2024-05-23 19:12:24 981 3

原创 uniapp自定义导航栏/导航栏与小程序胶囊保持平行(进阶篇)

1.将状态栏的高度、导航栏的高度封装到mixins中navbar.jsdata() {return {},methods: {// 获取微信胶囊的位置信息 width,height,top,right,left,bottom// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2// console.log("导航栏高度:" + this.navBarHeight)// #endif},2.将状态栏和导航栏封装到一个组件中navBar.vue。

2024-04-25 13:47:10 442 2

原创 CSS改变Tab标签下border的长度

方式一:为元素添加border方式二:为元素添加背景颜色(可带圆角,如下图)

2024-04-22 14:33:11 582 1

原创 uniapp自定义导航栏/导航栏与小程序胶囊保持平行

导航栏标题</view></view></view>-- 页面内容 --><view>我是页面内容</view>

2024-04-17 14:56:40 1499 1

原创 uniapp项目在SVN进行代码管理设置忽略文件unpackage

1.2.3.4.5.注意:如果应用之后再次commit发现里面仍然有unpackage里面的文件,删掉unpackage的文件夹,提交到远程仓库。删除unpackage的文件夹不用担心,可以进行版本恢复。unpackage是微信小程序运行会产生的打包文件,再次运行还会产生。运行后再次commit就不会有unpackage文件了。

2024-04-03 09:17:25 780 1

原创 at-rule or selector expectedcss(css-ruleorselectorexpected)

问题:解决:结果:

2024-03-21 16:11:25 425 1

原创 VUE使用day.js显示时分秒,并实时更新时间

vue使用dayjs显示年月日、时分秒(可实时更新),星期几

2023-11-24 09:38:53 2600 1

原创 html界面实现大屏适配

html界面通过vw、vh实现大屏适配

2023-11-08 16:36:00 746 1

原创 vue项目表格数据导出为xlsx文件

vue项目表格数据导出功能

2023-09-07 09:16:55 351

原创 uni-app中调起地图应用

uni-app中调起地图应用

2023-08-18 15:36:13 1036 1

原创 uniapp页面跳转并让页面刷新

注意:上述demo仅供参考,个人根据需求进行调整。

2023-08-18 15:01:21 4826 1

原创 react函数式组件+ts+ref

React函数式组件+ts+ref

2022-10-19 17:28:11 756

原创 函数式组件获取url参数以及TypeScript中的UseParams解构报错问题解决

Property ‘id’ does not exist on type ‘{}’.

2022-07-04 14:14:01 2010 2

原创 AntDesignPro表单自定义校验validator

<ProFormText width="md" name="email" label="电子邮箱" placeholder="请输入电子邮箱" rules={[ { required: true, message: '请输入电子邮箱', }, { type: 'email', message: '请输入正确的电子邮箱', }, { validator: (rule,value,cal

2022-03-09 09:23:43 2905

原创 AntDesign Pro 中 proTable分页展示问题

protable分页实现

2022-02-17 11:09:59 2498

原创 react中引入图片的方法以及在组件中引入public中的图片报错

react图片引入//首先通过import导入图片路径import companyLogo from '../../public/companylogo.png';//然后通过img标签使用<img src={companyLogo} alt="" />使用后报错错误的意思大致是引入的图片在src目录外 导致的报错报错解决办法在node_module文件夹下找到react-script/config/webpack.config.jsconst ModuleSco.

2021-11-23 12:06:13 2872 1

原创 mysql重新安装3306端口被占用

问题:解决:1.打开cmd(快捷键 win+R)输入命令:netstat -ano在这里插入图片描述3306端口号的进程id为136602.杀死进程输入命令:taskkill /pid 13660 -t -f因没有权限需要用管理员权限打开终端。3.用管理员权限打开终端:然后就可以继续安装mysql了...

2021-04-07 13:43:14 395

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除