分享
扫一扫
超级会员免费看
sunyin.liu
这个作者很懒，什么都没留下…
展开
-
分页组件 vue/uniapp
【代码】分页组件 vue/uniapp。原创 2024-06-26 17:00:02 · 287 阅读 · 1 评论 -
封装图片占位图组件
【代码】封装图片占位图组件。原创 2024-06-26 15:41:58 · 299 阅读 · 1 评论 -
uniapp播放 m3u8格式视频 兼容pc和移动端
自己摸索出来的，花了一天时间，给点订阅支持下，订阅后，不懂的地方可以私聊我。原创 2023-12-15 17:37:39 · 1279 阅读 · 0 评论 -
button按钮 使用防抖函数
【代码】button按钮 使用防抖函数。原创 2023-06-21 14:38:30 · 405 阅读 · 0 评论 -
vue 最近1个月 最近14天 上个月 当月
【代码】vue 最近1个月 最近14天 上个月 当月。原创 2023-06-05 17:05:41 · 403 阅读 · 0 评论 -
websocket vue （包含失败重连）
1.配置websocket2.心跳断开重连3.释放资源原创 2023-05-25 11:18:34 · 829 阅读 · 0 评论 -
vue iview input 显示 tooltip
【代码】vue iview input 显示 tooltip。原创 2023-04-17 15:30:57 · 539 阅读 · 0 评论 -
vue单点登录
【代码】vue单点登录。原创 2023-03-09 13:27:48 · 490 阅读 · 0 评论 -
上下翻转功能
【代码】上下翻转功能。原创 2023-03-06 11:38:53 · 135 阅读 · 0 评论 -
若依 vue 接口失败，其他接口不会发起的处理方法
如上图所示，有些接口是通过外部接口请求的，然后同一个页面如果其中的一个接口失败了。后面的接口也不会请求，导致正常的接口请求都没发起。原创 2023-02-28 17:52:40 · 1113 阅读 · 0 评论 -
若依vue2.x 一登陆进入路由的第一个地址，首页跳转到自定义的路由
【代码】若依vue2.x 一登陆进入路由的第一个地址，首页跳转到自定义的路由。原创 2023-02-07 16:58:18 · 1564 阅读 · 0 评论 -
element ui el-cascader部分禁用
el-cascader 禁用选中原创 2022-12-21 10:18:16 · 2122 阅读 · 0 评论 -
el-tree 添加、删除、修改操作 封装
【代码】el-tree 添加、删除、修改操作 封装。原创 2022-10-27 14:07:42 · 820 阅读 · 0 评论 -
u-action-sheet 数据超出自动滚动
修改组件代码 uview-ui/components/u-action-sheet/u-action-sheet.vue。uview-ui/components/u-action-sheet/u-action-sheet.vue直接上代码。采用的ui组件是uview-ui。直接复制替换原先的组件代码即可。原创 2022-10-13 15:19:45 · 4407 阅读 · 1 评论 -
uniapp 一进页面是白名单，无需登录，直接进入
【代码】uniapp 一进页面是白名单，无需登录，直接进入。原创 2022-09-29 17:45:51 · 3004 阅读 · 0 评论 -
element-upload 封装图片直接保存base64
2.上传的图片保存到base64，因为这个系统前端是对外，而系统是内网链接，所以外网无法访问到内网，需要把图片直接保存为base64。1.上传图片不立即调用上传接口。原创 2022-09-27 11:03:15 · 611 阅读 · 0 评论 -
电脑不同屏幕自适应布局
个人笔记，不想看勿喷，本人这个专栏会一直更新。只要是开发中容易遇到的问题都会发在这个专栏，物超所值。原创 2022-09-14 16:20:09 · 383 阅读 · 0 评论 -
el-tabs 切换的时候实时更新
问题：el-tabs默认会同时请求到所有的数据，而且默认第一次请求，后面不再请求。对应的页面添加上面上个地方，就可以实现。如有问题，欢迎可以评论留言。达到目的：实现切换的时候实时更新数据。...原创 2022-08-31 11:34:16 · 888 阅读 · 0 评论 -
js通过正则表达式获取到img标签的任意属性
快速解决疑难杂症，每周更新，针对性解决各种开发遇到的问题，也可以评论留言。原创 2022-08-29 15:47:28 · 950 阅读 · 0 评论 -
Do not use v-for index as key on ＜transition-group＞ children, this is the same as not using keys
问题的原因是同一个页面的 v-for 里面存在一样的index，把这个变量名称取成唯一的变量名即可。原创 2022-08-29 10:55:20 · 1532 阅读 · 0 评论 -
vue 父传子复杂的数据类型，子组件的数据修改后，父组件的数据也要跟随
2.在我这个页面 传的复杂类型的数据是 domainNameList，子组件如果直接接收domainNameList然后进行修改，控制台会报错，因为vue不推荐直接修改传进来的值。1.父组件引入的方式采用 .sync 修饰符,当然也可以不用这个，如果不用这个方式需要在父组件绑定一个方法，用于接收子组件的传值再进行赋值。注意：虽然很多人写的页面都是直接修改，但是其实代码是有问题的。// 监听父组件数据的变化，子组件跟随。// 确定更改后更新父组件的数据。3.子组件的留意的代码是。// 子组件数据的初始化。..原创 2022-08-25 15:25:36 · 203 阅读 · 0 评论 -
vue封装qq表情包和符号表情的发送
1.素材准备2.代码实现。原创 2022-08-19 16:05:44 · 660 阅读 · 0 评论 -
vue封装弹窗
代码vue封装弹窗。原创 2022-08-16 17:42:07 · 396 阅读 · 0 评论 -
nuxt/vue + vue-i18n 语言包切换
store/modules文件夹下创建一个locales.js文件。原创 2022-07-27 14:59:23 · 619 阅读 · 0 评论 -
nuxt 配置主题切换
生命周期设置的话，页面刚加载的时候还是默认主题，然后突然变成设置的主题。4.这里换一下思路，给全部的。设置类名的方法暂时没有找到。设置类名这里还是以两种主题。1.久化的话，需要将。2.页面初始化时，给。.........原创 2022-07-25 18:00:43 · 886 阅读 · 0 评论 -
vue项目H5调起高德或百度地图手机应用，或调起高德百度网页版实现导航功能（已实现）
需求说明：H5实现唤起高德和百度地图导航到目标景点的功能分析：用户通过点击选择使用百度还是高德地图，点击后调用guide方法，判断设备上是否有高德或者百度APP，有就直接调用APP，如果没有就调用网页版 实现代码...原创 2022-07-05 16:23:34 · 1064 阅读 · 0 评论 -
vue 强制清理浏览器缓存
上代码不bb在vue.config.js原创 2022-06-30 15:41:25 · 2114 阅读 · 0 评论 -
vue组件 预约时间为后10天，不包括今天
有问题可以咨询本人，vx IQIYI5201314原创 2022-06-28 16:34:48 · 385 阅读 · 0 评论 -
表单校验 v-model 绑定的变量，校验失效的解决方案
data数据数据监听（重点是这个）使用certName2校验原创 2022-06-20 10:35:11 · 1050 阅读 · 0 评论 -
vue 只能输入正整数 并且第一次输入英文后面都可以
直接贴代码，写更多的语言都是废话原创 2022-06-17 15:39:58 · 216 阅读 · 0 评论 -
vue element ui upload上传成功没有回显
使用element ui 封装的组件，父组件调用子组件的时候，图片数据有更新，但是视图上没有显示出来图片1.封装的子组件，每次数据更新的时候直接强刷2.查看图片的时候也直接强刷3.关键代码4.不想啰嗦，直接上父组件的代码4.1标签引入子组件4.2注册子组件4.3调用子组件的强刷5.子组件的代码...原创 2022-06-15 16:07:04 · 3028 阅读 · 0 评论 -
vue 引入jquery 使用$.ajax
2.如果要引入指定版本在package.json里添加，然后再npm i原创 2022-06-09 19:47:05 · 1454 阅读 · 0 评论 -
vue app端 浏览器打开，如果不是app的，直接跳转下载app的地址
网站直接访问都必须在app里面打开，不让用户在浏览器或者微信上面直接打开，用户访问官网，让用户跳转下载链接。原创 2022-06-07 10:44:28 · 850 阅读 · 0 评论 -
vue rule 动态校验规则
vue rule 动态校验规则，动态设置 element ui 里面的validate 校验。解决动态校验的需求。原创 2022-06-01 19:14:09 · 2865 阅读 · 0 评论 -
两次请求，对数据进行重组，el-table数据更新，视图不更新
问题描述一个列表查询，需要请求两次数据，然后对第一次请求的数据进行添加属性，数据有更改，但是视图没出现第二次请求的数据，如下图，欠费总金额一会有一会没有，点查询的时候有时候有有时候没有。原先代码<template> <div class="app-container bussiness-pay"> <div class="infoCard"> <div class="app-container-main-title"&.原创 2022-05-26 11:06:29 · 407 阅读 · 0 评论 -
vue兼容ie9以上包括ie9的做法（不断完善中）
兼容ie主要分两个步骤：1.搭建项目前的配置 2.开发过程中的兼容处理一、搭建项目前的配置这个搭建的主要方式，我在另外一篇文章中已经详细介绍了，vue如何兼容ie的安装跳转的地址可以点这个：vue搭建项目的配置项目中的public文件夹里的index.html添加一些兼容<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-C原创 2022-05-24 14:24:17 · 1015 阅读 · 0 评论 -
vue 避免全局样式污染的正确做法
说明问题：样式全局污染产生的bug，会影响到其他页面原有的样式，导致每个页面的样式互相冲突，如果写的代码造成了全局样式污染，导致别人的页面每个地方都要去写自定义页面的代码，导致工作量巨大，严重的话，领导会让你当场辞职。解决方案：1.避免造成全局污染，每个vue页面必须加上scoped<style lang="scss" scoped>.app-container { flex: 1; padding: 15px; box-sizing: border-box; b原创 2022-05-23 10:07:22 · 6635 阅读 · 1 评论 -
vue实现调用showModalDialog传递参数
需求分析在当前页面打开一个别的网站的界面并可以传递数据到这个页面上，效果如下图实现步骤1.在vue的public文件夹里创建一个sendImage.html文件，作为过度页面，处理跨域请求的问题。<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head>.原创 2022-05-16 17:18:24 · 473 阅读 · 0 评论 -
vue系统管理的左侧菜单，部分菜单需要登录内部账户才能进入
需求分析：点击左侧的菜单，弹出提示请登录账户，才能办理业务，然后直接进入到用户的登录页面，登录页面后不用先进首页，而是直接进入到点击的页面。代码实现：1、登录的时候记录用户的信息，比如用户名2、路由守卫3、跳转到登录页面的时候，根据参数跳转到点击的页面实现1步骤的代码// 用户密码登录 pwdLogin() { this.$refs["pwdLoginForm"].validate((valid) => { //校验通过 ...原创 2022-05-13 10:48:06 · 524 阅读 · 0 评论 -
html标签生成img图片
1、引入JS文件使用npm安装npm install html2canvasvue中使用封装一个全局的方法在utils文件夹里创建一个htmltoimage.js文件，具体代码如下import html2canvas from 'html2canvas'import Vue from 'vue'const IMAGE = {}IMAGE.install = function (Vue) { Vue.prototype.$toImage = function (id,原创 2022-05-13 10:14:13 · 1062 阅读 · 0 评论