- 博客(82)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 keep-alive使用方法
.content {position: absolute;top: 74px;left: 255px;bottom: 0;right: 0;background-color: #f2f2f2;box-sizing: border-box;width: auto;overflow-y: scroll;-webkit-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;/* pa...
2021-10-28 18:07:41
155
原创 vue3 v-html中使用v-viewer
定义获取原始图像URL以供查看的位置。toolbar: true, //指定工具栏及其按钮的可见性和布局。inline: true, //默认值:false。fullscreen: true, //启用以在播放时请求全屏。button: true, //在查看器的右上角显示按钮。scalable: true, //启用以缩放图像。movable: true, //启用以移动图像。zoomable: true, //启用以缩放图像。keyboard: true, //启用键盘支持。
2023-10-11 10:04:58
470
原创 vue3-seamless-scroll无缝滚动
title: “Vue3.0 无缝滚动组件展示数据第1条”,title: “Vue3.0 无缝滚动组件展示数据第2条”,title: “Vue3.0 无缝滚动组件展示数据第3条”,title: “Vue3.0 无缝滚动组件展示数据第4条”,title: “Vue3.0 无缝滚动组件展示数据第5条”,title: “Vue3.0 无缝滚动组件展示数据第6条”,title: “Vue3.0 无缝滚动组件展示数据第7条”,title: “Vue3.0 无缝滚动组件展示数据第8条”,
2023-07-31 17:47:07
1092
原创 uniapp生命周期
onShow: 当uni-app启动, 或从后台进入前台显示(例如小程序中, 用户分享页面再进来就会触发一次onShow);uniapp生命周期函数(仅写常用的生命周期函数, 不常用的就不写了, 如果有需求可以去官网查看)页面是指在pages中声明的页面, 如果在components里边新建的组件应该用组件生命周期函数。在uniapp中,生命周期函数分为应用生命周期函数、页面生命周期函数和组件生命周期函数.应用生命周期函数只能在App.vue中监听有效,在其他页监听无效。二.页面生命周期函数。
2023-06-21 09:13:22
975
原创 格式化配置
wrap_attributes”: “auto”, // html 标签属性 换行设置[auto|force|force-aligned|force-expand-multiline] [“auto”]“editor.formatOnSave”: false, // 保存后是否启用格式化。“wrap_line_length”: 300, // 最多容纳多少个字符,开始换行。“end_with_newline”: false // 在文件结尾添加新行。“semi”: true, //要不要分号。
2023-03-07 16:02:06
785
原创 setting.json格式化代码设置
vetur.format.defaultFormatter.js”: “vscode-typescript”, // js 不换行。
2022-12-23 11:29:02
187
原创 vue如何封装Axios的get、post请求
请求体中的数据会以json字符串的形式发送到后端,这种是axios默认的请求数据类型,我们只需将参数序列化json字符串进行传递即可,无需多余的配置。//导入js,路径自己根据文件位置设置。: 它会将请求体的数据处理为一条消息,以标签为单元,用分隔符分开。在script 标签中按需导入network.js 中需要使用的方法。:请求体中的数据会以普通表单形式(键值对)发送到后端。
2022-10-26 16:36:55
1194
原创 在浏览器中如何用js判断用户是通过点击的链接进来的页面,还是直接通过输入url地址栏进来的页面
【代码】在浏览器中如何用js判断用户是通过点击的链接进来的页面,还是直接通过输入url地址栏进来的页面。
2022-09-14 15:59:18
1008
原创 js获取指定日期的前一天/后一天
console.log(“前一天的日期:” + date);date代表指定日期,格式:2018-09-27。day代表天数,-1代表前一天,1代表后一天。// JS取得当前日期的前一天。
2022-08-12 11:09:35
7301
原创 自定义校验规则
data() { var checkAge = (rule, value, callback) => { const regPass = /((^(?=.*[a-z])(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[A-Z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z])(?=.*\W)[\da-zA-Z\W]{8,16}$)|(^(?=.*\d)(?=.*[a-z
2022-05-31 09:17:10
155
原创 表单输入限制
只能输入数字和一个小数点;oninput="value=value.replace(/[^\d^\.]+/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"
2022-05-27 10:23:41
265
原创 组装类树形数据
data为后台返回的数据,根据条件进行层级归类重组数据结构// 第一层样品 regroup(data) { let newData = []; for (var i = 0; i < data.length; i++) { if (data[i].isGroup == 1) { newData.push(data[i]); } } return newData; }, // 第
2022-05-17 17:34:18
233
原创 uniapp的request请求封装
一、uniapp初始请求使用方式如下:uni.request({ url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。 data: { text: 'uni.request' }, header: { 'custom-header': 'hello' //自定义请求头信息 }, success: (res) => { console.log(re
2022-05-16 15:40:25
3125
原创 el-select二次封装。根据数据字典获取数据
<template> <!-- 字典下拉框公共组件 huang --> <el-select v-model="selValue" placeholder="请选择" :size="size" @change="changeHandle" :multiple="multiple" style="width: 100%" > <el-option v-for="item in option
2022-04-18 16:03:39
999
1
原创 js去除日期字符串时分秒
//js去除日期字符串时分秒export function getNewTime(time) { let Newtime = '' if (time != null) { Newtime = /\d{4}-\d{1,2}-\d{1,2}/g.exec(time) } return Newtime}
2022-04-08 17:21:42
1752
原创 递归函数使用demo(删除树形数据)
// 删除 remove(row) { // this.itemIdArr = [] this.$confirm("删除该项数据, 是否继续?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }) .then(() => { let params = this.getDel.
2022-04-07 15:32:27
170
原创 详情页分页实现
// 上一条 prevInfo() {// this.ids为所有数据的id集合 let id = this.$route.query.id; let currentId = this.ids.filter(item => item == id); //当前的id let preIndex = this.ids.indexOf(currentId[0]); if (preIndex == 0) { this.$message...
2022-03-15 17:46:17
495
原创 谷歌浏览器关于滚动事件警告去除
将非被动事件侦听器添加到滚动阻止“鼠标滚轮”事件。考虑将事件处理程序标记为“被动”以使页更具响应性1、npm i default-passive-events -S2、main.js中加入:import ‘default-passive-events’
2022-03-09 16:13:22
710
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人