- 博客(39)
- 收藏
- 关注
RSS订阅原创 自定义指令双击复制
'dblclick'})},// 定义复制到剪贴板的函数try {message.success('复制成功')console.error('复制失败:', error)message.error('复制失败')可以挂载到全局进行使用。
2024-07-22 11:05:31
489
原创 封装表头筛选组件并且不影响table的原有功能
template><a-popover}"<div<a-switch/></div><h1>表头设置</h1><hr /><br /><a-input placeholder="搜索添加更多字段" @input="search"></a-input></div>// 开关控制表头显示隐藏，为open为true的返回给columns})// 查询表头方法})} else {})// 优先加载本地数据要不然会影响列表的显示。
2024-07-22 11:01:54
707
原创 Vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务
执行 npm run dev | serve --host 后控制台还是会显示 Netvork: user --host to expose。当使用 Vite 构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过 IP + 端口无法访问。如果将此设置为 0.0.0.0 将监听所有地址，包括局域网和公网地址。在控制台会显示 user --host to expose（使用 --host 暴露网络）中另一台设备需要访问该服务时，必须通过本机。尝试访问后，发现找不到这个服务，原因是。
2024-05-29 09:12:24
1077
原创 使用Element的upload上传组件，不使用action属性上传
httpRequest方法主要处理显示缩略图，并且将需要用到的file转换成base64的文件格式。http-request 覆盖默认的上传行为，可以自定义上传的实现。:http-request="httpRequest"方法。
2024-03-26 11:11:17
1131
原创 前端npm和yarn更换国内淘宝镜像
npm config set registry https://registry.npmmirror.com/ (最新地址)yarn config set registry https://registry.npm.taobao.org/ (旧地址)npm config set registry https://registry.npm.taobao.org/ (旧地址)
2024-03-13 09:30:46
8276
3
原创 this.$copyText；vue-clipboard2作用；vue-clipboard2剪切板
this.$copyText；vue-clipboard2作用；vue-clipboard2剪切板
2024-01-25 10:13:25
1204
原创 el-upload 上传 照片墙上传照片，上传一张之后，上传框就消失
同时在el-upload上的两个钩子添加事件:on-change="handleIntroduceUploadHide"，注意，如果我们要删除照片，删除之后，是希望上传框出现的，所以还要:on-remove="handleIntroduceRemove"，在删除时触发事件，显示上传框。上传之后，右边的这个框就隐藏，方法是借鉴。上的，链接忘记了，后面想起来了补上。
2023-12-13 16:32:46
1197
原创 webpack3 报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.js
然后再npm run build 项目进行打包，再去运行项目npm run dev 就不报错了。就出现了报错，把这句引入注释掉，报错信息就会消失， 报错信息如下。编译器，按照官网步骤安装使用，安装完引入。最近在写编译器的需求，经过研究，选择了。.base.conf.js文件。找到下面的代码增加一句代码。
2023-12-13 16:25:44
1522
原创 vue2+wangEditor5富文本编辑器
/ 【注意】一定要用 Object.seal() 否则会报错。# 或者 npm install @wangeditor/editor-for-vue --save。// 组件销毁时，及时销毁 editor ，重要！# 或者 npm install @wangeditor/editor --save。-- 工具栏 -->-- 编辑器 -->
2023-12-13 16:21:23
1268
原创 ElementUI中input回车触发页面刷新问题及其解决方法
在日常的开发过程中，你可能会遇到一个问题：在的el-form表单中，如果只存在一个el-input输入框，当你输入值后按下回车，页面会发生刷新。这是因为当form元素中只有一个输入框时，按下回车将触发表单的默认提交事件，这是W3C标准的规定。
2023-09-27 18:04:44
374
1
原创 element-ui的el-table改变某一列单个单元格的背景颜色（根据不同颜色渲染）
【代码】element-ui的el-table改变某一列单个单元格的背景颜色（根据不同颜色渲染）
2023-09-16 15:30:03
2247
1
原创 关闭浏览器触发监听器，向后端发送请求
可能你也观察到了，我使用了fetch请求，那是因为axios异步请求在这里不起作用！搭建的前后端分离项目，后端存储用户登录信息和Token。现在的需求是，多端只可以有一个用户登录，当一个用户。问题：刷新和关闭浏览器标签时都会触发，暂时无法限制刷新页面不触发该事件，有想法的小伙伴请留言呢。同时如果是前后端分离项目，一定加上跨域设置 no-cors。否则部署线上则会出现跨域异常。同时，fetch请求最大支持** 64KB**的请求体，所以注意传参的载荷。删除该用户的登录信息，以此来解决用户及时下线的目的。
2023-09-16 14:50:10
365
1
原创 vue.draggable实现表格拖拽排序效果
拖放涉及到两种元素，一种是被拖拽元素（源对象），一种是放置区元素（目标对象）。按住A元素往B元素拖拽，A元素即为源对象，B元素即为目标对象。--当然这个拖拽效果有点生硬，下面使用Vue自带的。组件，给排序添加平滑的过渡效果。
2023-07-08 11:03:01
1099
原创 下载依赖报错
然后根据自己的实际情况使用yarn install/npm install/cnpm install。下载对应版本的npm install node-sass@4.12.0。使用命令npm cache clean -f。根据报错提示切换对应的node版本。npm/cnpm/yarn三个试着用。
2023-06-01 11:06:17
546
原创 前端小知识总结
1.ES6只能新增值，无法重新赋值就会报错 2.CommonJS 输出是值的拷贝，即原来模块中的值改变不会影响已经加载的该值， ES6静态分析，动态引用，输出的是值的引用，值改变，引用也改变，即原来模块中的值改变则该加载的值也改变。2：还有，如果自定义对象，开发者重写prototype之后，原有的constructor会丢失，因此，为了规范开发，在重写对象原型时一般都需要重新给 constructor 赋值，以保证对象实例的类型不被篡改。，用于判断一个变量是否某个对象的实例，内部机制是通过原型链来判断的。
2023-01-27 19:02:25
804
原创 vue接口的封装
local.js文件第二步建立request.js文件在request.js引入。第三步在src下一级建立api文件夹。建立local.js文件。
2022-11-15 19:02:11
484
原创 vue与react,angular的区别
Angular 中直接的父子组件，父组件可以直接访问子组件的 public 属性和方法，也可以借助于@Input 和 @Output 进行通讯。Angular使用的是TypeScript，因此它更适合于单页Web应用（single page web application，SPA），而非微服务。Angular 是一个框架而不是一个库，因为它提供了关于如何构建应用程序的强有力的约束，并且还提供了更多开箱即用的功能。Angular使用的是双向数据绑定，React用的是单数据流的，而Vue则支持两者。
2022-11-01 08:58:01
1467
原创 vue实现原理
注：从上图来看，Vue更像是观察者模式，比如 Obverser 调用 Notify 来告知 Watcher ，实际上这里只是省略了 Dep 对象，而观察者模式和发布订阅模式虽然从结构上来说，发布订阅多了一个中心对象 Dep，也就是观察者和订阅着之间没有直接关联了，解耦合了，但从意图上来看，这两种模式都是为了实现一对多以来关系而设计，因此，往往可以不必过于纠结于此，从发布订阅模式可看作是观察者模式的升级版。以往的前端都是使用js直接控制DOM来实现页面的变化，js也更像是为页面服务的小弟（脚本）。
2022-10-27 09:39:47
147
原创 vue中回车键登录
el-button type="primary" @click="login（）" @keyup.enter="keyDown(e)">登录// 回车则执行登录方法 enter键的ASCII是13。// 定义的登录方法。login 是直接点击按钮的登录事件：（代码如下）这样就实现点击键盘回车键和点击按钮实现登录功能。给登录按钮绑定两个点击事件：（代码如下）// 点击回车键登录。
2022-10-20 15:14:05
853
1
原创 vue前端面试题
如果你这样做了，Vue会在浏览器的控制台中发出警告。Vue 的组件都是可复用的，一个组件创建好后，可以在多个地方复用，而不管复用多少次，组件内的 data 都应该是相互隔离，互不影响的，所以组件每复用一次，data 就应该复用一次，每一处复用组件的 data 改变应该对其他复用组件的数据不影响。key 是给每个 vnode 指定的唯一 id，在同级的 vnode diff 过程中，可以根据 key 快速的对比，来判断是否为相同节点，并且利用 key 的唯一性可以生成 map 来更快的获取相应的节点。
2022-10-20 13:55:20
178
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人