- 博客(8)
- 收藏
- 关注
原创 vue如何监听sessionStorage的某个值是否发生变化
在created钩子中,我们设置了一个监听器handleStorageEvent来监听storage事件,这个事件会在sessionStorage发生变化时触发。注意,storage事件不仅仅会在当前窗口触发,也会在同一个浏览器标签页中的其他窗口或标签页中触发,因为它们共享同一个sessionStorage。在Vue中,sessionStorage的更改并不会自动触发Vue的响应式系统,因为sessionStorage不是Vue的响应式数据源。
2024-03-20 15:26:31 2361
原创 vue项目如何配置在npm run serve项目启动后,自动打开浏览器
请注意,具体打开的浏览器取决于操作系统和默认浏览器的设置。如果希望使用特定的浏览器,可以将脚本进行适当的修改。例如,在Windows操作系统中,可以使用start命令指定浏览器的路径。以上示例中,我们使用了Windows上的start命令和chrome浏览器来打开指定的URL。根据实际情况,你可以使用适合你的操作系统和浏览器的命令进行设置。这样,在运行npm run serve命令时,Vue脚手架将自动打开默认的浏览器。在"serve"命令后添加一个参数–open或-o,用于在启动服务器后自动打开浏览器。
2023-07-26 09:33:04 1517 1
原创 JS如何打开新的页面、服务中使用iframe如何改变iframe的路径、iframe页面如何让整个父页面跳转、window.open()方法详解
方法是 JavaScript 中的一个内置方法,用于在浏览器中打开一个新的窗口或标签页。需要注意的是,由于弹出窗口的滥用已经成为了一个安全问题,现代浏览器通常会默认阻止 window.open() 方法的调用,除非是在用户的交互下触发的。因此,在实际的开发中,我们需要谨慎使用这个方法,避免被浏览器误认为是恶意行为。
2023-06-13 15:55:02 3678 1
原创 JS如何获取对象的键名、键值
object.entries()方法是从对象中获取每个键值对,并将这些键值对转换为一个数组并将它们存储在一个大数组中。此方法只接受一个参数,即对象本身。object.values()方法只返回对象的值,并转换为一个数组。object.keys()方法只返回对象的键名,并转换为一个数组。
2023-05-05 11:22:09 6688 1
原创 vue启动项目报错,node、node-scss、scss-loader版本不兼容问题
vue启动项目报错,node、node-scss、scss-loader版本不兼容问题
2023-02-13 13:12:00 1123 1
原创 Element覆盖默认上传,自定义表单上传并显示进度条
HTML代码:<el-upload class="upload-demo" ref="upload" action="uploadUrl" :http-request="handleRequest" :on-success="handleSuccess" accept=".jpg, .png, .pdf, .pdfx, .excel, .excelx, .xls, .xlsx, .doc, .docx, .txt" :multiple="true" :file-lis
2020-09-22 17:34:18 505 1
原创 Element树形表格实现层级index
HTML代码:<el-table :data="tableList" row-key="docId" border ref="refTable" default-expand-all height="calc(100vh - 196px)" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" > // 自定义index
2020-09-22 16:19:34 4402 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人