- 博客(18)
- 收藏
- 关注
RSS订阅原创 el-tree实现多选、父子节点不关联、禁选
4、将勾选的节点，按父子层级拼接name回显页面（如勾选了二级，需将一级name拿到并拼接起来：一级/二级）5、回显页面的name可删除，删除的同时需同步更新菜单树勾选状态，禁选状态。3、最多可勾选3条，大于3其余复选框禁选。2、父子节点不关联，互不影响。
2023-09-01 16:07:38
2638
原创 el-tree实现单选、父子节点不关联、按父子层级拼接name
1、菜单树单选2、父子节点不关联，均可勾选3、将勾选的节点，按父子层级拼接name回显页面（如勾选了二级，需将一级name拿到并拼接起来：一级/二级）4、菜单树最后一级节点不展示，且勾选上一级节点时，在页面展示最后一级的节点name5、回显页面的name可删除，删除的同时需同步更新菜单树勾选状态，清除回显页面的最后一集节点name。
2023-09-01 15:37:08
2448
1
原创 clientWidth、offsetWidth、scrollWidth等
光标停留位置停留位置离可视区域左侧和顶部的距离：clientX和clientY停留位置离屏幕左侧和顶部距离：screenX和screenY停留位置离页面左侧和顶部距离(包括引滑动被隐藏区域的高度):pageX和pageYclientWidth、offsetWidth、scrollWidthclientWidth 元素宽+左右padingclientHeight 元素高+上下padingclientLeft 元素左边框的宽度clientTop 元素上边框的宽度offsetWidth 元素宽+左右pading+
2022-06-09 20:43:16
235
原创 compositionstart、compositionend事件屏蔽拼音状态
碰到在中文输入法的情况下在表单里输入汉字，拼音也会出现在输入框的情况：解决如下： var isChinese=false $(".form_box input,.form_box textarea").on('compositionstart',function(){ isChinese=false }) $(".form_box input,.form_box textarea").on('composition
2022-05-30 16:49:37
682
原创 设置CORS响应头实现跨域
跨域资源共享：跨源资源共享（CORS） - HTTP | MDN特点：不需要在客户端做任何特殊的操作，完全在服务器中进行处理，支持get和post请求通过设置一个响应头来告诉浏览器，该请求允许跨域，浏览器收到该响应以后就会对响应放行。如下搭建一个简单的服务器：// 引入expressconst express = require('express');// 创建应用对象const app = express()// 创建路由规则// request是对请求报文的封装// res
2022-05-06 17:19:28
2178
原创 记录jsonp跨域案例
利用<script>标签可以跨域，让服务器端返回可执行的Javascript函数，参数为要回发的数据。小案例：表单失去焦点时，向服务端发送请求，检测用户是否存在// 引入expressconst express = require('express');// 创建应用对象const app = express()//jsonp服务app.all('/jsonp', (request, response) => { // response.send('consol
2022-05-06 16:20:02
688
原创 记录ajax请求的基本操作
1、启动服务// 引入expressconst express=require('express');// 创建应用对象const app=express()// 创建路由规则// request是对请求报文的封装// response对响应报文的封装app.get('/server',(request,response)=>{ // 设置响应头，设置允许跨域 response.setHeader("Access-Control-Allow-Origin", "*"
2022-05-06 15:56:11
186
原创 记录一下字符串和正则相关的方法
var strs = "a1uh3fjk6AHHJZHsghjk" // match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果 // match()搭配正则使用: // 可以查询到字符串中包含包含a-z的字母，并且封装到一个数组中 //g为全局匹配，若不设置，只匹配到一个就不再匹配；i不区分大小写，若不设置，只匹配小写字母 var res = strs.match(/[a-z]/gi)//打印结果['a'..
2022-03-28 19:54:25
291
原创 记录element-ui级联选择器输入框内容超出，鼠标悬停显示超出的内容
级联选择器选中数据内容过长，在输入框展示的时候超出的部分会显示省略号，现要求超出部分鼠标悬停会显示完整内容效果如下：结合element-ui中的Tooltip 文字提示来实现代码如下：<template> <div> <el-tooltip class="item" effect="dark" :disabled="!labelVal" :content="labelVal" placem
2022-03-16 20:20:21
3671
1
原创 记录uniapp路由跳转封装
1、建一个util.js文件/** * 跳转到指定页面url * 支持tabBar页面 * @param {string} url 页面路径 * @param {object} query 页面参数 * @param {string} modo 跳转类型(默认navigateTo) */export const navTo = (url, query = {}, mode = 'navigateTo') => { if (!url || url.length == 0
2022-03-01 16:33:41
1026
1
原创 element-ui table组件翻页后记录之前页面勾选数据
问题：当表格翻到第二页的时候，第一页勾选的数据就没有了。解决方法：给 table 设置 row-key 属性（值为唯一标识此条数据），同时给 type 设置 selection 属性； reserve-selection 属性为 true（默认为true）。这样就算翻页，上一页的数据依然是被勾选的。...
2022-01-07 16:32:27
1169
原创 禁止选择网页中的文字、阻止鼠标右键时弹出默认窗口
// 阻止鼠标右键时弹出默认窗口 document.oncontextmenu=function (e) { e.preventDefault() } // 禁止选择网页中的文字 document.onselectstart=function (e) { e.preventDefault() }
2022-01-05 10:36:49
241
原创 在main.js中引入大量公共组件
import Vue from 'vue'// 自定义组件const requireComponents = require.context('../views/components', true, /\.vue/)// 打印结果// 遍历出每个组件的路径requireComponents.keys().forEach(fileName => { // 组件实例 const reqCom = requireComponents(fileName) // 截取路径作为组件名 .
2021-12-31 10:58:32
840
原创 vue3父传子，子传父
<template> <div> <p>我是父组件</p> <p>111111111111111</p> <headrt :info="context" @clickSon="clickFu"></headrt> {{value}} </div></template><script lang='ts'>import { d...
2021-12-02 16:55:25
514
原创 vue3中响应式侦听
vue3提供了两个函数来侦听数据源的变化：watch和watchEffectwatch需要监听某个数据源，然后执行具体的回调函数，可监听单个数据源，也可以把多个值放在一个数组中进行侦听，最后的值也以数组形式返回。watchEffect和watch的区别： 1.watchEffect不需要手动传入依赖2.每次初始化时watchEffect都会执行一次回调函数来自动获取依赖 3.watchEffect无法获取到原值，只能得到变化后的值<templat...
2021-12-02 16:02:59
804
原创 vue动态路由的创建
import { createRouter, createWebHistory } from 'vue-router'import store from '../store'const routes = [ { path: '/', redirect: 'login' }, { path: '/main', name: 'main', component: () => import('../views/Main.vue'), chi.
2021-11-26 10:06:28
829
原创 getTime()用法
获取当前的时间new Date(); 返回的是现在的日期new Date().getTime(); 返回当前时间的时间戳
2021-10-15 15:38:38
1902
原创 Vue3 getters打印结果是Proxy对象，怎么获取其中的值？
看起来标红的地方应该是赋值成功的，但是是proxy对象，里面那个[[Target]]就是真实对象。// 被勾选的 pitchOn (val) { console.log(val) // 打印结果是一个Proxy对象 console.log(JSON.parse(JSON.stringify(val))) // 序列化后可以取值 const newVal = JSON.parse(JSON.stringify(val)) this.res..
2021-05-19 20:01:53
9569
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人