经验总结

95 阅读1分钟

插件

image.png

image.png

1.使用同一组件,但由于audit变量的不同,展示在不同的路由页面

3.png

2.Excel导出功能

后端返回是一个下载链接

image.png

3.class类名使用-,不要使用_

用下划线命名也是一种hack,如使用“style”这样的命名,可以让ie外的大部分浏览器忽略这个样式的定义,所以使用“”做为命名时的分隔符是不规范的。在做css检查时会出现错误提示,因此要避免使用下划线命名。

vscode可以开配置 横岗也可以双击选中 打开vscode设置【code-首选项-设置】,搜索editor.wordSeparators

4.png

4.el-input 使用双向绑定时,取消处理传入数据也会改变,要进行深拷贝的处理

6.png

5.pointer-events 是一个 CSS 属性

用于控制元素是否可以成为鼠标事件的目标。它的常见用法包括:

auto: 默认值,元素可以接收鼠标事件。 none: 元素不会接收鼠标事件,事件将穿透到其下面的元素。 visiblePainted: 元素只有在可见的部分可以接收事件。 visibleFill: 元素只有在填充区域可见时可以接收事件。 visibleStroke: 元素只有在描边区域可见时可以接收事件。 painted: 元素的填充或描边区域可接收事件,但透明区域不接收事件。 all: 所有区域都可以接收事件(包括填充、描边和可见区域)。 公告那个改好了 因为这个东西

6. word-break: break-word; 超过就换行 英文不截断

7.计算属性值不建议修改

Snipaste_2024-08-26_15-34-25.png

8. vue-tour 引导图:删除跳过引导

image.png

9.wangeditor 富文本编辑器 链接默认添加http://

image.png