- 博客(51)
- 收藏
- 关注
RSS订阅原创 element-plus eltable分页自定义排序规则
注意点 @sort-change 事件和:sortable=“true” 以及 sort-method。html部分 sortable为true或者custom时 sort-method才能有效。排序条件自定义 无需参照。
2024-12-05 11:14:28
207
原创 element teble嵌套表单
以下代码是组件代码 并不是上图的代码 ，只是大致功能是一样的，emm 主要是table列表里面嵌套form表单 并有添加校验， 其余功能代码是组件传参 或其他逻辑使用的未用到可不用。
2024-02-28 10:55:36
780
1
原创 element 表单验证 深层验证绑定
直接上代码 :prop 和prop 都可以，vue2和vue3或者是element、elementplus都可以用。
2023-07-27 18:14:42
1120
原创 自己记录，一个简单的权限限制主要是记录数组比
2、写完的时候后端还没出接口就自己先的弄的demo 根据选中的一维数组去和路由进行比较找到存在的路由，有子级就必有父级，有父级不一定会有所有子级。ps：这个功能做的很简单 后端只做数据存储不做其他操作，没什么好借鉴地，只是第二步数组进行比较那个我觉得还可以所以就发出来了。我的错误思路：一直想的是循环a数组在循环里面去调递归方法进行比较每次都是循环多少数组里面就有几个值,没拿到想要的，卡了2天。然后终于第三天想通了，直接递归数组b然后直接每一层对象去对比是否存在在数组a里面，然后5分钟就写出来了 哈哈！
2023-05-18 11:00:49
96
原创 表单中的输入框回车就自动提交
代码如上 ， 因为我比较喜欢写form表单包住输入框所以就会遇到这种问题，原因大致是因为form的表单属性导致的 加上一个 @submit.native.prevent 就可以解决了。
2023-05-15 20:26:23
509
原创 正则表达式 整数最多10位，小数最多4位（input框数字验证报错问题）
第二个是数的长度0-9即长度为10， 1,4是可以输入1到4位小数为什么写两次暂时没搞明白。解析一下 方便我自己以后变换， 第一个1-9是整数的每一位数的大小是1-9，整数长度最多1位可从0开始，小数点最多四位。
2023-02-27 20:51:44
3710
原创 elemnetUI中的嵌套el-dialog弹框中，解决使用custom-class修改样式不生效的问题
append-to-body后 上层就不在div在html下了 所有不能写在scoped里面 得单独写。
2023-02-03 10:30:36
1517
原创 tcplayer播放实时视频流
代码实例， urlAddress是父组件传来的视频流地址，也有可用的网上找的视频流地址为注释的source。也可以全局引入 在index.html，全局引入文件我是放在public下面的。样式的话需要在main.js引用下图的tcplayer.min.css。js依赖文件是在官网下载的。
2022-12-23 11:11:50
2974
原创 threejs加载纹理图跨域
threejs加载纹理图报错Failed to execute 'texImage2D' on 'WebGL2RenderingContext': The image element contains cross-origin data, and may not be loaded
2022-08-03 13:54:23
2085
1
转载 vscode下载 缓慢
VScode 下载速度慢 解决方法我今天下载 VScode 发现这速度太慢了，然后就在优快云里面找解决方法，只能说博友真的是太厉害了。问题已经解决了，然后准备记录一下，以防下次问题出现的时候再等半天，也希望能够帮助跟我有相同问题的朋友首先 复制 VScode 下载链接；然后在 新的窗口 粘贴链接。将 链接中 az764295.vo.msecnd.net 替换为 vscode.cdn.azure.cn 就可以解决了，实就是把链接其换成 国内的镜像源...
2022-05-24 11:56:25
74
原创 vue2+three.js的基本使用 （模型是本地文件）
第一步 安装依赖npm install --save three在需要使用的组件进行引用//引入import * as THREE from 'three'; ////引入gltf格式的模型文件需要的import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader" //监听鼠标键盘事件时需要用到import { OrbitControls } from 'three/examples/jsm/controls/Or
2022-05-17 09:39:44
2175
4
原创 vue-socket.io的基本使用
第一步 安装vue-socket.ionpm install vue-socket.io --save第二步 在main.js引入// vue-socket.IOimport VueSocketIO from 'vue-socket.io'// socket 连接参数Vue.use(new VueSocketIO({ debug: true, //false可以关闭打印 connection: config.socketUrl, //链接地址动态 conne
2022-05-16 18:41:19
3155
转载 正则表达式（含中文）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使...
2022-04-08 11:06:38
3278
原创 vue监听浏览器主动刷新
mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) //监听页面刷新触发事件 }, methods(){ beforeunloadHandler(e) { //根据事件进行操作进行操作 console.log(e) console.log('浏览器刷新') .
2022-03-10 18:03:45
6841
原创 css 让文字在第二行超出显示省略号
p{width:100px; overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/ text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/ display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/ -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/ -webkit-box-orien
2021-08-27 16:39:42
1780
1
原创 echarts柱状图不显示轴线 设置y字体大小 title居中
echarts柱状图不显示轴线 设置y字体大小 title居中 let myChart = this.$echarts.init(this.$refs['chart']); let option = { title: { text: '高/中/低风险的企业数', x:'center', y:'top',
2021-08-25 16:49:37
2391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人