- 博客(30)
- 收藏
- 关注
RSS订阅原创 qiankun 主应用触发子应用的事件$on $emit
4.子应用挂载qiankunEventBus main.js。3.eventBus方法配置传入子应用。2.在主应用里触发方法。
2023-09-04 10:24:43
543
原创 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
4220
3
原创 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
3192
原创 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
2243
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
657
原创 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
1440
1
原创 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
1892
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
3570
原创 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
486
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
1376
1
原创 在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在created生命周期里获取不到，也无法使用父组件传递过来的参数。
父组件传参，一般分为两种情况：1、父组在data中定义的数据直接传给子组件使用，子组件在生命周期中是可以获取并使用的。2、父组件传给子组件的参数，是从接口中获取到的， 可能遇到的问题就是，如果在组件的created生命周期中获取到参数并进行新数据的获取并进行页面渲染，但此时父组件请求的数据可能还没有完全返回，子组件就开始使用此数据，该数据自然不存在，打印在控制台中的父组件穿给子组件的参数为undefined，因此就会出现父组件传参不及时，子组件使用数据较早，造成数据无法使用。解决改问题的方法：在子
2021-08-25 11:08:09
3005
原创 解决真机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
2297
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
998
原创 VUE3中watch和watchEffect的用法
watch和watchEffect都是监听器，但在写法和使用上有所区别。watch 监听需要手动添加依赖 （immediate deep）watchEffect 监听时不需要手动添加依赖1、watch 是需要传入侦听的数据源，而 watchEffect 是自动收集数据源作为依赖。2、watch 可以访问侦听状态变化前后的值，而 watchEffect 没有。3、watch 是属性改变的时候执行，而 watchEffect 是默认会执行一次，然后属性改变也会执行。...
2021-03-12 16:07:18
1953
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
15439
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
1089
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
3626
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
1625
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人