Vue
文章平均质量分 52
前端可樂
努力努力再努力!!!
展开
-
el-table合计行单元格合并、合并行金额四舍五入保留两位小数、合计行样式修改
最近在写项目的时候用到了合计行,本篇文章提供了el-table使用合计行的方案。原创 2024-01-11 15:54:07 · 1158 阅读 · 1 评论 -
ElementUI el-table树形表格懒加载手动刷新 解决Element Table组件树形展示懒加载数据更新的问题
最近在使用Element的el-table表格组件时,发现一个问题,我的业务场景需要使用树形表格,并且使用懒加载的模式加载子级数据,但是使用Element自带的树形表格和懒加载功能,懒加载仅会在第一次展开时加载,后续会使用第一次缓存的数据,而不会重新加载,本篇文章提供了解决方案。首先,先看一下Element的el-table组件的相关代码:原创 2023-12-19 16:01:37 · 4176 阅读 · 10 评论 -
CSS -webkit-box-orient: vertical 属性编译或打包后丢失问题
最近在写项目的时候遇到一个问题,需求是表格中的备注字段只显示2行,超出显示…,鼠标悬浮显示完整。;原创 2023-12-19 14:32:35 · 249 阅读 · 0 评论 -
vue获取当前时间
日期对象是用 new Date() 创建的。Date 对象用于处理日期和时间。原创 2023-11-14 15:01:39 · 1120 阅读 · 0 评论 -
js实现千分符的精确方法
本节文章主要实现了千分符的转换!!!原创 2023-11-14 09:46:23 · 69 阅读 · 0 评论 -
js计算文件的大小
本节文章主要实现了对文件大小的计算!!!原创 2023-11-14 09:33:21 · 269 阅读 · 0 评论 -
vue中实现省市区三级联动
本文主要实现了省市区三级联动!!!原创 2023-11-13 16:22:41 · 222 阅读 · 0 评论 -
vue中下载文件的几种方式
vue中下载文件的几种方式。原创 2023-11-13 15:47:27 · 4502 阅读 · 0 评论 -
记录一次 element-ui Cascader 级联选择器报错问题
调试了源码找到真正的问题,watch队列中,options的监听事件比 value的监听事件快,watch的队列表示为[“options”, “value”],当修改级联的value为" "并修改options为[ ],此时监听事件的执行顺序为,先执行options的监听事件,后执行value的监听事件。原创 2023-10-24 16:14:18 · 212 阅读 · 0 评论 -
fetch跨域携带cookie
fetch方法默认是不携带cookie的,如果需要携带cookie,加上以下字段即可,跨域申请中需要带有cookie时,可在fetch方法的第二个参数对象中增加credentials属性,并将值设置为”include”。fetch能够设置不同的模式使得申请无效.,模式可在fetch方法的第二个参数对象中定义。原创 2023-09-15 11:33:33 · 1614 阅读 · 4 评论 -
vue父组件调用子组件中的方法、值的几种方式
直接在父组件内部给子组件标签添加ref属性,然后通过ref属性来调用子组件的方法。原创 2023-08-12 10:28:25 · 5275 阅读 · 1 评论 -
vue子组件调用父组件中的方法、值的几种方式
有时候,我们会把方法定义在父组件中,然后在多个子组件中调用父组件的方法,这是很常见的场景。那么,在子组件中调用父组件的方法有哪几种方式呢?原创 2023-08-12 09:49:22 · 5507 阅读 · 1 评论 -
element-image el-table el-table-column 组件中 使用插槽 加载 el-image 组件预览图片层级过低问题
可以发现 .image-viewer_wrapper 类名的元素是预览图片的盒子 有设置z-index:2006 但是还是被其余表格列表元素遮挡 说明el-image 的父元素的层级不够高 可以遮挡前面列表的元素 但是后面列表的元素无法遮挡。废话不多说,直接上代码。原创 2023-08-09 09:33:22 · 471 阅读 · 0 评论 -
vue侦听器详解
侦听器允许开发者对数据进行监视,并指定数据发生变化时需要执行的操作。侦听器可以定义为一个函数或一个对象。其函数名或对象名必须是data中的数据。原创 2023-07-27 11:07:44 · 62 阅读 · 1 评论 -
vue计算属性详解
写在computed对象中的属性,本质上是一个方法,不过使用时依旧当属性来使用data() {return {firstName : "熊" , lastName : "大" , };get() {exportdata() {return {firstName : "熊" , lastName : "大" , };get() {defaultdata() {return {firstName : "熊" , lastName : "大" , };get() {原创 2023-07-27 10:24:45 · 175 阅读 · 1 评论 -
vue项目封装本地存储
本地存储模块封装 存储数据 获取数据 删除数据完整代码如下:原创 2023-07-25 11:03:32 · 272 阅读 · 0 评论 -
vue项目之使用md5加密密码
MD5全称为信息-摘要算法(哈希算法),是计算机安全领域的散列函数,用于确保消息的完整性。另外摘要算法还有SHA1,具体请度娘。MD5是一种单向加密,它的加密不可逆,它将任意长度的字符串,经过算法计算后生成固定长度的数据,一般为16位表示。这种加密方式最简单同时也最直接。一般在向后端传递密码的时候需要用MD5加密一下,后端的话也是用MD5解密,我这里直接是在全局定义了MD5,因为本次这个项目有很多接口需要传递密码,所以定义全局比较方便,上面我已经把局部和全局的两种方式都已经列出来了。原创 2023-07-24 10:46:41 · 3521 阅读 · 0 评论 -
vue+element-ui效验两次输入的密码是否一致
data() {callback(new Error("请输入密码"));callback(new Error("请输入含数字和字母的8-16位密码"));callback(new Error("请再次输入密码"));callback(new Error("两次输入密码不一致!"));} };return {//表单数据 ruleForm : {原创 2023-07-24 10:12:04 · 2220 阅读 · 0 评论 -
Node 版本管理器 nvm(nvm-windows)
nvm全名node.js version management,是 nodejs 的版本管理工具,可以在一个环境中同时安装多个 nodejs 版本(和配套的 npm 版本),并随时切换。好处是,开发调试不同 nodejs 应用变得更省心,随时切换所需要的版本。注:安装之前需要先把自己电脑上边的node给卸载了!原创 2023-07-15 16:20:35 · 874 阅读 · 1 评论 -
vue清空动态路由(路由历史)
网上流传了很多清空路由记录的方法,都不彻底,甚至绝大部分都无法实现清空的功能!这个回答是唯一能解决你的问题的回答。分享我最近做的一个后台项目,里面的侧边栏用动态路由生成的,但是会遇到路由重复添加这样的问题,想要解决这个问题的话其实很简单,就是再添加动态路由之前先清空路由,话不多说上代码。在需要清空的路由的地方执行以下代码就可以了。原创 2023-07-15 15:26:29 · 4251 阅读 · 1 评论 -
一篇搞定Vue Router 路由守卫(导航守卫)
官方提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。原创 2023-06-12 11:59:16 · 920 阅读 · 2 评论 -
vue项目生成二维码
vue项目中快速生成二维码方法!!!原创 2023-06-07 10:09:02 · 506 阅读 · 2 评论 -
如何使用Vue实现自定义双向数据绑定?
在Vue中,双向数据绑定是一项非常强大的功能,它能够使数据和视图之间保持同步,让开发者更加方便的操作数据,在本文中我们将介绍如何用Vue实现数据的双向绑定,实现方法主要有以下两种:原创 2023-06-06 10:23:14 · 2666 阅读 · 2 评论