自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 qiankun 主应用触发子应用的事件$on $emit

4.子应用挂载qiankunEventBus main.js。3.eventBus方法配置传入子应用。2.在主应用里触发方法。

2023-09-04 10:24:43 328

原创 vue3 Luckysheet

Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。

2023-08-25 15:01:33 682

原创 vue3使用monaco-editor组件

/ 行号 取值: "on" | "off" | "relative" | "interval" | function。// 辅助功能支持 "auto" | "off" | "on"// 是否一直显示折叠 always | mouseover。// 折叠方式 auto | indentation。// 使用 - 创建 monacoEditor 对象。//是否只读 取值 true | false。// 行号最小字符 number。// 滚动完最后一行后再滚动一屏幕。//获取编辑器中的文本。

2023-08-23 17:14:16 2616 3

原创 vue antd 实现年度选择和年度范围选择

vue antd 实现年度选择和年度范围选择

2023-07-06 17:27:35 1600

原创 vue项目中接入vite项目的qiankun微服务

vue项目中接入vite项目的qiankun微服务

2023-02-16 18:38:33 436

原创 nuxt3 添加百度站点统计

nuxt3 添加百度统计

2022-12-01 17:49:45 1234 1

原创 nuxt3 生成sitemap.xml 动静态站点地图

nuxt3 生成sitemap.xml 动静态站点地图

2022-12-01 11:09:44 1918 2

原创 uniapp 表单校验

uniapp 表单校验

2022-11-24 16:03:50 1244

原创 nuxt3 public 静态资源

nuxt3 public 静态资源

2022-11-24 15:51:04 985

原创 nuxt3 SEO的相关配置

nuxt3 SEO的相关配置

2022-11-24 15:36:21 728

原创 vue3+nuxt3 进行页面跳转时 页面不会回到顶部问题

vue3+nuxt3 进行页面跳转时,页面不会回到顶部问题

2022-11-24 09:57:41 1379 2

原创 vue3实现吸顶和导航锚点联动

vue3实现吸顶和导航锚点联动

2022-09-22 09:38:43 1199 1

原创 JS打印 PDF

JS打印pdf

2022-09-14 10:17:13 3444

原创 js 利用iframe 局部打印html

JS利用iframe 局部打印

2022-09-14 09:42:32 900

原创 elementui 利用周选择器 获取周一到周五的日期 和当前周

elementui 周选择器 获取周一到周五的日期 和当前是多少年多少周 <el-form-item> <el-date-picker v-model="query.cycle" type="week" placeholder="选择周" format="yyyy 第 WW 周" :picker-options="{ firstDayOfWeek: 1 }" @change="weekChange"> </el-date-pic

2022-05-27 16:58:11 2993

原创 element-ui循环验证表单时prop绑定方式

循环绑定 prop 以及 rules验证的相关方式templete 示例 <el-form :model="countMeDiumForm" label-width="auto" ref="countMeDiumForm" :rules="countMeDiumFormRules"> <el-row :gutter="20" v-for="(item, index) in countMeDiumForm.info" :key="index">

2022-05-24 10:04:16 2024 3

原创 elementui 常用的表单校验规则

const regularList = { 'iphone': { rule: /^1[3456789]\d{9}$/, msg: '请正确输入您的手机号' }, 'landline': { rule: /^(\d{3,4}-)?\d{7,8}$/, msg: '请正确输入您的座机号'..

2022-05-24 09:32:30 567

原创 Vue实现24小时倒计时

做了一个效果,后端会返给我一个阅读开始时间,然后前端需要做的是从阅读时间开始计时24小时,24小时结束后,默认阅读完成 methods: { countDown() { var nowtime = new Date() //获取当前时间 var time1 = '2022 - 05 - 19 17: 22: 37' var date = new Dat

2022-05-20 10:46:43 1322

原创 moment.js获取一周内的所有日期

今天遇到一个需求 选择日期拿到该日期一周的时间可以借助momentjs momentjs新建一个cycle.js文件 import moment from "moment"; moment.locale("zh-cn", { weekdays: "星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_") });export function cycle(val) { let time = moment(val[0]).startO

2022-05-20 10:27:15 1726 2

原创 解决element-ui中在tab切换时table出现高度、宽度缩小的问题

解决element-ui中在tab切换时table出现高度、宽度缩小的问题今天我在使用element-ui中的el-tabs组件进行切换时,el-table会出现一个默认高度,导致分页器被挤出去,不显示。以下是解决方案.el-table { width: 100%; display: flex; flex-direction: column; .el-table__body-wrapper { flex: 1; }}...

2022-05-11 09:32:38 3252

原创 vueCli4创建项目安装elementUI,浏览器报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

最近在试着写vue3项目,使用新的vueCli搭建项目安装element-ui发现运行报错。原因:element-ui官方只给vue-cli@3提供了vue-cli-plugin-element插件;也就是说我们用最新的vue-cli@4构建的项目,element-ui是不支持的;我看网上的解决办法是回退版本,使用vue-cli@3来构建项目,或者是不要用vue3,直接用vue2;但是这些都不是解决问题的办法,我们使用vue-cli@4不就是为了体验新版本么解决办法使用element官方新推出

2021-10-06 12:06:13 413 1

原创 element-ui 使用el-tree scope-lot 自定义节点内容渲染时,只有自带的label 和id能渲染

使用element-ui 中 的el-tree scope-lot 自定义节点内容渲染时,只有自带的label 和id能渲染,自己加的却不能渲染这里的node.lable是可以渲染的,但是node.name是渲染不了的解决办法 把node.name 换成data.name(使用 scoped slot 会传入两个参数node和data,分别表示当前节点的 Node 对象和当前节点的数据)...

2021-08-26 11:47:34 1259 1

原创 在项目中,遇到VUE父子组件的传参问题,父组件传参给子组件,子组件在created生命周期里获取不到,也无法使用父组件传递过来的参数。

父组件传参,一般分为两种情况:1、父组在data中定义的数据直接传给子组件使用,子组件在生命周期中是可以获取并使用的。2、父组件传给子组件的参数,是从接口中获取到的, 可能遇到的问题就是,如果在组件的created生命周期中获取到参数并进行新数据的获取并进行页面渲染,但此时父组件请求的数据可能还没有完全返回,子组件就开始使用此数据,该数据自然不存在,打印在控制台中的父组件穿给子组件的参数为undefined,因此就会出现父组件传参不及时,子组件使用数据较早,造成数据无法使用。解决改问题的方法:在子

2021-08-25 11:08:09 2863

原创 解决真机APP中iconfont不显示的问题

问题:iconfont图标在H5里是正常显示了,但是当在真机app上调试时却发现icon显示不成功。解决办法如下:官方链接:https://uniapp.dcloud.io/matter修改iconfont.css@font-face { font-family: 'iconfont'; /* Project id 2583896 */ src: url('//at.alicdn.com/t/font_2583896_r2psz97h53o.woff2?t=1622525867048')

2021-06-02 14:31:56 2091 2

原创 小程序button授权组件不弹弹框,而且wx.getSetting获取不到用户授权信息

这里写自定义目录标题小程序button授权组件不弹弹框,而且wx.getSetting获取不到用户授权信息小程序button授权组件不弹弹框,而且wx.getSetting获取不到用户授权信息原因是平台发布的小程序新版本,wx.getUserInfo接口的返回参数不变,但开发者获取的userInfo为匿名信息。若开发者调用wx.authorize接口请求scope.userInfo授权,用户侧不会触发授权弹框,直接返回授权成功.2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.l

2021-06-02 09:48:05 889

原创 VUE3中watch和watchEffect的用法

watch和watchEffect都是监听器,但在写法和使用上有所区别。watch 监听需要手动添加依赖 (immediate deep)watchEffect 监听时不需要手动添加依赖1、watch 是需要传入侦听的数据源,而 watchEffect 是自动收集数据源作为依赖。2、watch 可以访问侦听状态变化前后的值,而 watchEffect 没有。3、watch 是属性改变的时候执行,而 watchEffect 是默认会执行一次,然后属性改变也会执行。...

2021-03-12 16:07:18 1882 2

原创 vue3 Computed中get 和set

vue3 computed中get和set1.getvue3中计算属性的函数中如果只传入一个回调函数,表示的是get<template> <div class="main"> <div> <input type="text" v-model="userName.oneName" /> <input type="text" v-model="userName.twoName" /> </div&

2021-03-12 14:48:56 13538 1

原创 vue3中使用watch的注意事项

vue3中使用watch的注意事项1.使用reactive定义的变量需要没在监听的时候需要使用函数返回值的形式才能监听到<template> <div class="about"> <input type="checkbox" @change="allFun" v-model="hobby.change"> 全选 <input type="checkbox" v-for="(item,index) in hobby.data" :

2021-03-11 16:28:32 1012 3

原创 uniApp正则校验手机、邮箱

uniApp正则校验手机、邮箱// 导出export default{ //校验邮箱格式 checkEmail :function (email){ return RegExp(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/).test(email); }, //校验手机格式 checkMobile :function (mobile){ ret

2020-11-25 16:31:32 2752 2

原创 jquery url跳转传参

jquery url跳转传参a页面跳转传参<script> $(function(){ var app = { list:123, obj:456 }; $("#foo").click(function(){ window.location.href = "./b.html?data="+JSON

2020-11-25 16:18:14 1549

空空如也

空空如也

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

TA关注的人

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