- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 多行文本溢出无效
溢出的样式，打开F12直接复制进去有效，但写到代码里编译后无效了，对比发现是 -webkit-box-orient: vertical;经查询，是构建工具压缩后丢失了。直接在 HTML 的 style标签中编写 CSS，可以跳过构建工具的压缩。
2025-04-01 22:10:25
96
原创 vue2实现跨容器组件
这是一个有两个插槽的组件，页面布局要将source和target放在不同的div中，所以使用portal-vue来帮助渲染。要安装适合vue2的版本。
2025-04-01 13:59:14
169
原创 el-table使用fixed后最后一行被遮挡
el-table最后一列设置了fixed=“right”，没有滚动条的时候，最后一行就会被遮挡掉一半。
2022-08-09 15:09:23
1695
原创 tab键跳过input输入框
问题原因为了防止浏览器自动将记住的密码回填进type="password"输入框，所以在type="password"输入框上面加了两行代码，使浏览器将密码填充到新加的输入框里（.hide-input样式将两个输入框隐藏）：<input type="text" class="hide-input"><input type="password" class="hide-input"><el-input v-model="form.password" show-passwo
2022-03-17 14:14:28
1206
原创 el-table使用fixed=“right“时最后一列边框消失
现象：最后一列“邮编”设置了fixed=“right”，边框消失解决方法：<style>.el-table__fixed-header-wrapper { .el-table__header { th:not(.is-hidden):last-child { right: -1px; } }}</style>
2021-10-21 11:46:45
2401
3
原创 图解offsetTop/offsetHeight/clientTop/scrollTop/scrollHeight等属性
整理了一下这些属性，看图吧~
2021-09-16 14:26:29
211
原创 审查元素正常，页面却空白的问题
现象一个使用了element-ui里v-infinite-scroll无限滚动的div，在360浏览器中显示正常，但是在谷歌浏览器中，点刷新就会出现几秒空白之后才显示出内容，而F12审查元素中，这些元素都是存在的，并且高度宽度完全没有变化。解决给父元素加了position属性就可以了。虽然我也不知道为什么…...
2021-09-09 10:04:25
833
原创 vue字符串中包含换行符的展示
desc: "第一行↵第二行↵↵第四行 前面有空格" <el-form-item label="描述："> {{ desc }} </el-form-item>如果{{desc}}里包含换行符，这样展示出来是不换行的。解决方法：使用 pre 标签 <el-form-item label="描述："> <pre>{{ desc }}</pre> </el-form-item>添加
2021-09-02 15:09:20
2690
原创 el-table自定义表头内的变量更新无效
用了各种方法修改这个值，但是总是无效。后来发现原因是它是在自定义表头里。解决方法：slot=“header” 换成 #header<template #header></template>
2021-08-31 09:56:37
655
原创 使用JSON.parse(JSON.stringify())深拷贝的坑
因为需要深拷贝一下路由习惯性的使用了JSON.parse(JSON.stringify())，却发现component丢失了！解决方法：可以使用concat()进行深拷贝或者splice(0)发现时间、正则格式的使用JSON.parse(JSON.stringify())也会有问题那就使用Object.assign吧...
2021-05-17 12:03:44
719
1
原创 使用jsencrypt加密，内容过长时加密结果为false
原代码：使用jsencrypt只能支持100多位的加密import { JSEncrypt } from 'jsencrypt'export const getEncrypted = function (key = 'key', val) { let enc = new JSEncrypt() enc.setPublicKey(key) return enc.encrypt(val)}// 调用let result = getEncrypted('公钥', '密码')使用en
2021-04-23 11:21:08
5496
3
原创 el-table表格多选时，全选被禁用了还是能选中
现象：el-table表格多选时，全选被禁用了还是能选中解决：在el-table中添加方法 @select-all，当没有选中的数据时，清空选择。事件名说明参数select-all当用户手动勾选全选 Checkbox 时触发的事件selection方法名说明clearSelection用于多选表格，清空用户的选择<el-table ref="refTable" :data="tableData" @
2021-04-22 11:23:27
2482
5
原创 element-ui的form表单中，阻止input输入框回车提交
现象：当form表单中只有一个el-input时，在input中回车时会触发表单提交（页面刷新）解决方法：给form表单添加 @submit.native.prevent<el-form :model="form" ref='form' @submit.native.prevent></el-form>
2021-04-19 10:15:17
2312
原创 input输入框禁止粘贴内容
添加属性 οnpaste=“return false”<el-input v-model="password" show-password onpaste="return false" placeholder="请输入密码"></el-input>
2021-04-07 11:04:57
537
原创 在vscode中使用IntelliJ IDEA里的快捷键
vscode中的快捷键用不习惯，可以换成IntelliJ IDEA里的快捷键安装VScode的插件：IntelliJ IDEA Keybindings
2021-04-07 10:51:47
1225
原创 element-ui表头错位
现象：表头与表格的border错位解决：给el-table附加样式.el-table th.gutter { display: table-cell !important;}
2021-04-06 15:02:55
111
原创 element-ui表格el-table-column使用v-if造成的表头与数据错位
element-ui表格el-table-column使用v-if造成的表头与数据错位现象：element-ui表格el-table-column使用v-if造成的表头与数据错位。解决办法：给每列加上key属性。扩展：当多个相同的组件并列，要给组件设置key属性。...
2021-04-02 10:35:50
899
C语言 马踏棋盘
2016-01-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人