Shenzhiyong159的博客

原创 关于table 单元格合并 搭配checkbox

原创 全局封装svg 图标

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

原创 关于webpack-TerserWebpackPlugin

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

原创 canvas实现背景水印添加

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

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

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

原创 关于自定义指令（随手记）

关于自定义指令

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

浮点型输入框正则验证

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

导入

转载 自定义指令

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

原创 input 与select联动

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

原创 vue 下载相关介绍（数据流和文件流）

用a标签的 href 和 download 属性。

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

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

转载 关于地图对对对

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

原创 Vue事件总线（EventBus）使用详细介绍

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

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

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

原创 获取query传参的token

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

原创 动态class

（二）根据布尔值判断的写法。

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

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

原创 BEM___写法

BEM___写法

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

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

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

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

原创 关于引入高德地图

关于引入高德地图

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

组件引入静态资源

原创 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 自定义名。..