- 博客(24)
- 收藏
- 关注
RSS订阅原创 如何使用自定义样式处理elmentUI的el-table的使用show-overflow-tooltip时tooltip太宽的问题
el-table的show-overflow-tooltip使用之后会在body中添加一个el-tootip的内容，表格中所有的需要展示tooltip的内容都会使用同一个el-tootip。这样在el-table加一个属性就可以直接作用到el-tooltip上。同时可以不通过修改el-tooltip__popper的方式去修改tooltip的样式。当表格中的内容太多，如果不能使用修改.el-tooltip__popper的方式去修改宽度，只能通过自定义样式的方式，方法如下。使用下面的方式就可以修改样式了。
2024-08-16 18:13:23
235
原创 DataV轮播表数据太长内容展示不全的解决方法React版本
vue3的版本参考这个原理是：修改源码+使用antdv的tooltip。最后效果图。
2024-06-12 16:52:54
947
原创 electron+vite+vue项目的研究
此时的项目是可以的，问题在于需要npm两次，一个是npm run dev启动vite项目，让端口8585运行出内容，一次是npm run electron，启动electron，之后electron的窗口的地址指向8585，就可以了。使用electron . 基本的内容都是按照官方的文档走，先安装然后在package.json中写调试，写electron调的js文件，然后创建js文件。目的是为了创建一个vue3的vite项目，然后可以在electron中运行，找了一些文档，具体结果如下。
2024-04-07 14:40:12
554
原创 react或者vue使用svgicon组件
这个时候svgicon文件展示出的即为assets/svg文件夹中的classify.svg文件的样式，由于上面使用了currentColor，包裹svgicon的标签的样式会被svgicon使用。react的写法：也是npm i 插件，在vite.config.ts中使用，在main.ts中引入，最后在需要的位置使用组件。这里的方式是采用了创建c-icon的样式，去获取到外面props传递过来的颜色大小等，可以也可以使用style的方式。注意这里的assets/svg文件夹下，就是静态的svg文件。
2024-04-07 10:19:18
771
1
原创 vue3自定义指令丝滑的解决el-table展示多行的tooltip
自定义指令代码的原理是，验证自定义指令绑定的单元格下的每一个的有text-ellipsis的元素是否符合已经被省略的条件，只要有一个被省略的，flag即为true，反哺出去，把表格中绑定位置的单元格位置的hiddeTooltip属性赋值为true，之后通过hiddeTooltip属性去判断外部包围的el-tooltiip是否Disabled禁用。是否符合已经被省略的条件的源码来自element-plus的源码，可以下载源码，直接搜索。首先创建类，用于文字的省略，超出的文字会以……原理是使用自定义指令。
2023-11-24 10:54:32
584
1
原创 如何使用自定义的Element-Plus组件，直接手改源码使用
element-plus很好用，但是有些地方还是不太完美，比如日期选择之后输入框不失焦，处理起来很麻烦，不如直接改源码教程在这里。
2023-11-14 17:47:14
2506
1
原创 解决vue3 vite ts项目使用antdv自定义主题没有效果的问题
首先在main.ts文件中引入下面的文件之后在合适的位置写下下面的代码，这里的代码来自，直接复制过来的})但是这种有的时候会不起作用，检查过后发现，切换主题之后--ant-primary-color这些颜色都改变了，但是又被替代了，是自动导入插件的原因，在vite.config.ts中的自动导入加入importStyle: false即可// ui库解析器，也可以自定义})
2023-04-27 15:52:36
1681
原创 el-select下拉框使用 v-infinite-scroll第一次不成功
需求：点击el-select之后，出现的下拉框可以请求数据无限滚动，很奇怪的一点是，不同项目的同一个代码，点击下拉框之后，有的可以直接无限滚动，有的第一次不成功，失去焦点之后重新点就有效果了。解决方法，使用visible-change，当下拉框显示的时候，同时显示无限滚动区域。
2023-04-13 14:08:38
1233
原创 如何制作一个比较完美的elment-plus离线文档/本地运行打包好的html方式
第三步1，使用vscode+live server插件，打开解压好的文件夹，注意主要是这里的文件夹，最好是下一级就包含index.html这些官方打包好的文件的文件夹。之后在需要运行的html项目中，打开cmd，输入http-server，http-server会提供一个8080端口，打开。start http-server -p 55555 -----> 修改端口的地址，只要在下图的范围之内就没问题。第三步2，嫌vscode打开麻烦的可以试试这种方法，参考下面的教程。-----> 打开浏览器。
2023-01-29 10:06:14
3938
4
原创 vue2中自定义组件的v-model和v-model.sync的写法，以及vue3中自定义组件v-model的写法
vue2可以在自定义组件上使用v-model，实现数据双向绑定
2022-09-08 18:09:15
2434
1
原创 不使用ES6的Set等方法，用简单的js代码实现数组去重
原理是数组共享了一个地址，当result有值的时候，seen也会有之，然后在原数组遍历的时候判断result的要push的值seen里面有没有，有的话直接continue outer;如有需要可以增加数组是不是空数组的判断等。...
2022-08-18 15:20:52
257
原创 nodejs用url替换querystring
querystring被弃用了，试过其他人说的把querystring换成querystringify，但是效果不好，这里找到一个用url替换的方法。
2022-08-16 13:21:17
552
原创 vue2报错“::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.“
原因：vue和vue-template-compiler的版本号不对解决方法：把vue和vue-template-compiler的版本号都改成同一个版本号。如果版本号是"vue": "^2.6.11",这种带有^的，把^去除。然后重新安装包就行了。
2022-08-01 11:00:02
13428
4
原创 解决uView添加自定义图标不成功
自定义图标的添加方法：CustomIcon 扩展自定义图标库 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架这里1.0版本和2.0版本教程都是一样的，估计是很长没解决了。解决步骤：1.先按照上述链接把图标css文件下载下来，然后把css中的修改成和官方教程中的一样2.修改css中的类名，把custom-icon改成custom-icon-，（原理在最下面）3.写代码，把图标引入进去，注意这里用的代码和官方的不同原理（可以不看）：官方说的给两个值
2022-07-11 16:35:52
2842
4
原创 vue-draggable-resizable伸缩antdv的a-table表格列时components等数据的写法
Vue2官方地址Ant Design Vue官方给的地址表头数据、表格和ResizeableTitle都是写在外面的，不好用。这里给一个经过请求获取表格数据之后在伸缩的写法<template> <div> 测试表格 <a-table bordered :columns="headerData" :components="components" :data-source="tableData"
2022-05-05 16:52:01
2138
1
原创 超级简单的python爬图，采用多线程，带多线程开启结束
标题内容是为了方便搜索不多说直接上代码注意python的版本是3.10，多线程的不同版本好像有不同的用法，多线程的代码来自菜鸟教程---->使用 threading 模块创建线程Python3 多线程 | 菜鸟教程 (runoob.com)#下面的包不一定全部都会用到from concurrent.futures import threadimport threadingimport timeimport reimport osimport requestsk =
2022-04-30 09:00:25
329
原创 luckysheet上传的表格报fromcol错误 Cannot set properties of null (setting ‘fromCol‘)
例如：Cannot set properties of null (setting 'fromCol')原因是可能是表格中有一些不能被luckysheet识别的文本框或者图片，删除就行了这里以wps为例子注意：优先删除掉绘图，因为luckysheet识别不了绘图做成的，建议改成图片，...
2022-04-20 14:43:44
327
原创 luckysheet的更多按钮在tabs切换时悬浮的问题
luckysheet官方给的在线demo，地址：Luckysheet点击右上角的更多，会出现一些按钮，如果整个页面只有luckysheet一个还好说，但是配合着其他使用，这个更多按钮会悬浮在整个页面上例如下面的做个简单的el-tab配合luckysheet使用在切换的时候，这个更多按钮会不消失，会悬浮在整个页面上面原因是这个“更多”的div定位在body上面处理方法：切换的时候通过获取元素的方式加一个none的样式 handleClick () {//el-ta.
2022-04-19 09:53:04
647
原创 antdv表格（a-table）中的customRender函数return输出dom元素的写法
customRender函数来源参考：antdv合并表格行或列 customRender: function (text, record, index) { return <helloword refName={v.code} ref={v.code} name={name}//原版为:name
2022-04-15 16:04:37
8230
7
原创 关于antdv表格中customRender不起作用的研究（Vue2）
官方给的案例一个是表格中的合并Ant Design VueAn enterprise-class UI components based on Ant Design and Vuehttps://1x.antdv.com/components/table-cn/#components-table-demo-colspan-and-rowspan一个是表格中的可编辑Ant Design VueAn enterprise-class UI components based on Ant Design
2022-04-15 15:45:30
6842
2
原创 Vue项目antdv中scopedSlots的customRender和customRender函数冲突
如上代码会因为scopedSlots中有customRender，下面有customRender函数，因此不会出现两个效果，以后面的customRender函数中的return出去的内容为准 // js中数据 this.headerData.push({ title: "test", dataIndex: "test", key: "test", ..
2022-04-02 13:51:03
6962
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人