- 博客(33)
- 收藏
- 关注
原创 element-ui的el-tree节点含有图片,收起展开图片会卡顿
解决element-ui的el-tree节点含有图片,收起展开图片会卡顿
2024-04-24 16:04:08
510
2
原创 vue3组件之间的传参
他们不需要导入,且会随着 的处理过程一同被编译掉。都没有像ref()需要引入,defineProps 和 defineEmits 都是只能在。这样并不用通过儿子传给孙子,可从孙子组件直接获取。,如果报错控制台会给出warn警告。爷组件,引入provide。孙子组件,引入inject。其中,我们也可以使用。后续还有遇到再补充~
2024-04-15 17:21:59
409
原创 vue3+Element-plus表单举例
一、安装vue3脚手架, npm create vue@latest。如果需要用到element-plus的图标,我们要把图标一起下下来。二、下载Element-plus。在main.js中全局引入。
2024-04-15 14:48:23
313
原创 vue3中pinia的使用
Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话,你可能会认为可以通过一行简单的 export const state = reactive({}) 来共享一个全局状态。对于单页应用来说确实可以,但如果应用在服务器端渲染,这可能会使你的应用暴露出一些安全漏洞。不管调用多少次,getters中的函数只会执行一次,且都会缓存。我们得知道 Store 是用 defineStore() 定义的,它的第一个参数要求是一个独一无二的名字。2.1、定义 Store。
2024-04-15 14:06:26
423
原创 vscode将英文界面设置为中文
有的时候下载了中文插件也设置好了,过一段时间又会出现是英文情况,只需要重新设置一下就好了。3、输入configure display language,回车。4、选择中文,点Restart重启vscode就好了。2、然后按住键盘上的【Ctrl+Shift+P】键。1、先下载中文插件。
2024-04-11 14:10:23
1163
原创 element-ui中el-select下拉框滚动时分页加载数据
中使用Element UI的el-select组件实现下滑分页加载的功能,通过自定义指令来判断是否需要滚动加载下一页数据。
2024-03-29 12:01:07
1994
原创 git版本管理下载安装教程
安装完成之后,在桌面右击能看到含有git命令说明安装成功。3、设置环境变量(下载的是Setup)电脑—高级系统设置—环境变量—新建。
2024-03-27 15:48:21
378
原创 js获取当前时间,或者把时间戳转为时间格式
1、不传参数就是获取当前时间,传入参数就是转换时间格式。获取当前时间,或者把时间戳转为时间格式。2、用padStart来补齐0。
2024-03-22 16:53:48
331
原创 拖拽放组件---利用HTML5实现把一个区域的内容整体拖放到另外一个区域
拖拽放组件---利用HTML5实现把一个区域的内容整体拖放到另外一个区域
2023-10-11 17:07:57
468
原创 vue 实现点击空白区域关闭弹窗
效果展示:通过contains判断点击区域是否包含弹框<template> <div ref="list"> <span @click="is_list_show=!is_list_show">点击</span> <ul class="head-list-select" v-if="is_list_show"> <li>菜单1</li> <li>菜
2022-05-31 16:55:54
4156
3
转载 js 去除Quill富文本编辑器的首尾空行,空格
js中把Quill富文本编辑器的首尾空行,空格去掉function format_rich_text__br(rich_text) { let reg = /<p><br><\/p>/gim; let t = []; let arr = []; while (t = reg.exec(rich_text)) { arr.push(t.index) } let start = 0; let end =
2022-05-27 10:52:55
1534
原创 js 数组常用方法,包含ES6新增方法
数组处理是开发中经常用到的,今天总结一下日常常用的数组方法,包括数组的增删改,循环操作。Array.push() 将一个或多个元素添加到数组的末尾,然后返回数组的新长度,会改变原数组。let myArray = [2,4,5,7,9,12,14];myArray.push(20);console.log(myArray);//[2,4,5,7,9,12,14,20]Array.unshift() 将一个或多个元素添加到数组的开头并返回数组的新长度,会改变原数组。let myArray = [2
2022-05-25 11:13:12
595
原创 vue粒子特效插件——vue-particles
效果:参考官网:https://vue-particles.netlify.app/1、 安装vue-particles插件npm install vue-particles --save-dev2、在main.js引入插件import Vue from 'vue'import VueParticles from 'vue-particles'Vue.use(VueParticles)3、使用插件<template> <div id="app">
2022-05-17 11:48:55
1828
原创 element-ui Tree组件点击节点展开,其余节点收起功能
效果展示:<template> <el-tree :data="data" node-key="label" ref="tree" :props="defaultProps" @node-click="handleNodeClick"></el-tree></template>this.$refs.tree.store.nodesMap[data.label].expanded = false 可以控制指定Tree树节点是展开还是收起。false
2022-05-12 18:21:39
4938
原创 Chrome 谷歌浏览器将整个网页保存为图片
两步解决谷歌浏览如何将整个网页保存为图片,再也不用慢慢截取一张张图片拼接啦~先在需要保存为图片的页面按 F12 打开开发者工具再按 ctrl+shift+p 输入full搜索选择Capture full size screenshot
2022-05-09 14:13:18
16140
原创 node.js使用ES6新增面向对象对mongodb数据库的增删改查操作
1、要使用mongodb数据库首先需要下载安装mongodb官网下载:https://docs.mongodb.com/2、上模块代码(modlue.js)let mongodb =require('mongodb');//引进数据库模块let mongoClient = mongodb.MongoClient;const url = 'mongodb://127.0.0.1:27017...
2019-12-26 20:30:07
317
原创 canvas画布用圆,直线画一只可爱的哆啦A梦大头
canvas画布用圆,直线画一只可爱的哆啦A梦大头图片<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ...
2019-12-17 18:16:57
769
原创 jquery点赞
html代码<div class="descriptive pull-left"> <p class="like"><i class="dZan">点赞321</i><span class="glyphicon glyphicon-heart-empty" id="gly"></span><a href="info....
2019-11-28 14:49:27
271
原创 获取浏览器中轮动条的位置
浏览器的滚动条位置window.onscroll = function(){ window.pageYoffset; //获取滚动条的位置,只能获取不能设置 window.scrollTo(0,0); //设置滚动条的位置}
2019-11-21 20:45:13
229
原创 js中this具体的指向
js中this具体的指向事件触发时,this是指事件前面的元素box.onclick = function(){ console.log(this); //this是指box该元素}如果直接调用或是在定时器中,this指window对象console.log(this); //this是指window元素setTimeout(function(){ c...
2019-11-14 19:50:07
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人