自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 全局封装svg 图标

基于vite+vue3 全局封装svg 通过vite-plugin-svg-icons插件 在vite 进行配置。

2024-07-16 10:04:53 107

原创 关于webpack-TerserWebpackPlugin

具体配置参考 https://blog.csdn.net/lbPro0412/article/details/135968231。如果你使用的是 webpack v5 或更高版本,同时希望自定义配置,那么仍需要安装。在vue 项目中的使用(vue.config.js)webpack v5 开箱即带有最新版本的。如果使用 webpack v4,则必须安装。只在生产环境起作用!

2024-06-06 15:58:20 218

原创 canvas实现背景水印添加

/ 全局保存 canvas 和 div ,避免重复创建(单例模式)和背景样式。1,封装自定义指令工具函数 waterMark.js。自定义指令绑定到元素上==》初始化操作。得到背景图片base64格式url。

2023-05-09 16:44:30 149

原创 关于表格动态添加一行独立校验规则(随手记)

prop 动态绑定的 ‘tradeUpInfo’ 是对象 scope.$index。.upOrDownComName是该单元格绑定的字段数据。

2023-03-24 15:53:24 94

原创 关于自定义指令(随手记)

关于自定义指令

2023-03-24 15:47:08 96

原创 input 输入框浮点型校验(保留两位数字)

浮点型输入框正则验证

2023-03-24 15:41:14 247

原创 基于element封装的导入组件

导入

2023-02-28 17:26:41 73

转载 自定义指令

8个非常实用的Vu8个非常实用的Vue自定义指令8个非常实用的Vu

2023-01-12 17:48:03 45

原创 input 与select联动

vue中 强制刷新: this.$forceUpdate();

2023-01-05 13:55:16 188

原创 vue 下载相关介绍(数据流和文件流)

用a标签的 href 和 download 属性。

2022-12-13 09:34:02 183

原创 vue中 this.$router.resolve新窗口打开

当遇到需要在点击事件或函数中实现打开新页面,新窗口打开需求时。

2022-09-19 10:57:37 405

转载 关于地图对对对

【vue中高德地图的使用 el-amap】_砚言的博客-CSDN博客_el-amap

2022-09-16 15:59:54 95

原创 Vue事件总线(EventBus)使用详细介绍

首先需要创建事件总线并将其导出,以便其它模块可以使用或者监听它。我们可以通过两种方式来处理。先来看第一种,新创建一个 .js 文件,比如。假设你有两个Vue页面需要通信: A 和 B ,A页面 在按钮上面绑定了点击事件,发送一则消息,想=通知 B页面。,接下来你需要做到的就是在你的组件中加载它,并且调用同一个方法,就如你在父子组件中互相传递消息一样。同理我们也可以在 B页面 向 A页面 发送消息。接下来,我们需要在 B页面 中接收这则消息。

2022-09-15 17:35:41 347

原创 关于在同一页面,切换其他数据/ 数据不刷新问题

声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载。isRouterAlive:是个布尔值。使用provide向后代注入此方法,后代组件中接收并控制页面的再次加载。可以用v-if 控制每次的渲染。

2022-09-15 11:04:09 383

原创 获取query传参的token

queryName = decodeURIComponent(queryName) 函数可把字符串作为 URI 组件进行j解码。//encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。// 查看token。

2022-09-08 18:33:04 310

原创 动态class

(二)根据布尔值判断的写法。

2022-08-25 14:31:07 58

原创 Sass的混合-----@mixin,@include

如果@mixin声明包含参数,则@include调用也必须传参,否则会报错。除非,以" 参数:默认值 "的方式声明参数,在不传参的情况下使用默认值。@mixin要在@include调用前声明。

2022-08-24 10:31:36 138

原创 BEM___写法

BEM___写法

2022-08-23 16:44:56 125

原创 js__实现上下移动 一件置顶和一件置底

我们需要设置当前行的index为固定值 也就是说当前行的index 为固定的 哪一行移动上来的 当前行数据的index跟设定的行index必须一致。unshift():向数组的开头添加一个或更多元素,并返回新的长度。push() :向数组的末尾添加一个或更多元素,并返回新的长度。一键置顶 :val为列表数组,ind为点击项的索引。向下移动:val为列表数组,ind为点击项的索引。向上移动:val为列表数组,ind为点击项的索引。一件置底:val为列表数组,ind为点击项的索引。

2022-08-19 14:20:32 535

原创 可选链操作配合空值合并操作符一起使用

当尝试访问可能不存在的对象属性时,可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时,如果不能确定哪些属性必定存在,可选链操作符也是很有帮助的。根据上面可以看出,用可选链可以大量简化类似繁琐的前置校验操作,而且更安全。(空值合并运算符)会将?)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。与函数调用一起使用时,如果给定的函数不存在,则返回。时,返回其右侧操作数,否则返回左侧操作数。)是一个逻辑操作符,当左侧的操作数为。链式操作符,不同之处在于,在引用为。...

2022-08-18 14:45:33 73

原创 关于引入高德地图

关于引入高德地图

2022-08-17 11:09:52 574

原创 关于vue组件内引入静态资源

组件引入静态资源

2022-08-16 15:50:01 270

原创 vue根据不同指令配置环境变量

2,vue-cli-service serve --mode text 这个指令执行的文件是 .env.text ,所以文件名与指令–mode后面的参数要一致,这样指令才能成功找到源文件提取环境变量。vue-cli-service serve --mode text 这个指令执行的文件是 .env.text ,所以文件名与指令–mode后面的参数要一致,这样指令才能成功找到源文件提取环境变量。1,.env.[自定义名] 执行指令 vue-cli-service serve --mode 自定义名。..

2022-08-15 10:47:38 729 1

空空如也

空空如也

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

TA关注的人

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