之前的项目中使用过一次vuex搭配localstorage存储token,使token持久化保存。 好长时间不用,又把vuex的使用忘的一干二净,重新百度搜索,自己尝试后实现需求。 我的业务需求是父页面中嵌套了一个子页面,父页面的一个卡片列表区域通过点击卡片项跳到子页面,原先子页面有返回按钮,现在取消子页面的返回按钮,在父页面通过点击菜单项实现返回。 子页面需要填报数据,如果有正在编辑的内容未保存
# 在 Vue 应用中将页面保存到 iOS 手机相册的实现 在现代 Web 开发中,将页面的内容保存到用户的设备中是一种常见需求。对于 iOS 用户来说,能将网页的状态或图片等直接保存到手机的相册,无疑是一个方便的功能。这篇文章将带你了解如何在一个 Vue 应用中实现这一功能,使用的技术包括 HTML Canvas、Viewport 以及一些 JavaScript 操作。同时,我们也会详细阐述相
原创 11月前
352阅读
1. #用户 用户组 2. user www www; 3. #工作进程,根据硬件调整,有人说几核cpu,就配几个,我觉得可以多一点 4. worker_processes 5; 5. #错误日志 6. error_log logs/error.log; 7. #pid文件位置 8. pid
使用VUE开发单页项目时遇到这样的问题,mounted中使用setInterval()定时向服务器获取数据,后来跳转页面后,发现还在不停的获取数据。我以为是因为我路由用的push导致的,改成replace也是这样,后来就在博客园找到答案了,如下:问题:(javascript)使用Vuejs + Vue-router 开发单页面,如何使得切换页面时能销毁原组件?描述:我有一个单页面应用,有页面A和页
// 保存 saveFile(data, filename) { const save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a'); save_link.href = data; save_link.download = filename; const eve
原创 2022-03-02 11:18:28
4845阅读
# 使用 Vue 和 Axios 实现数据保存的完整指南 在现代 Web 开发中,前端框架如 Vue 和库如 Axios 使得与后端的数据交互变得简单而高效。如果你是一名刚入行的小白,下面这篇文章将指导你如何使用 Vue 和 Axios 完成数据保存工作。我们将从整体流程入手,然后逐步详细讲解每一步所需的代码及其意义。 ## 整体流程 | 步骤 | 描述
原创 11月前
100阅读
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 vue存储数据的几种方法(Vuex与本地存储)前言一、vuex1.创建vuex2.存入数据3.取出数据二、本地存储1.存储数据2.取出数据3.清除数据总结 前言在浏览网页时我们有些时候需要记住一些用户选择的信息,比如登陆时我们如果选择了记住密码,那么我们下次进入该网页时就会有你上次的登陆信息。 在网站开发中,我们可能会遇到左边是列表
# 如何使用 Python 和 Vue 实现网页数据交互 在现代 web 开发中,前后端分离的架构越来越受到欢迎。后端使用 Python 构建 RESTful API,前端使用 Vue.js 进行用户界面开发,它们通过 HTTP 请求彼此通信。本文将带你一步一步地实现一个简单的 Python Vue 页面数据交互的范例。 ## 整体流程 下面是实现 Python 和 Vue 页面数据交互的
原创 11月前
37阅读
今天产品提出一个优化的需求,就是之前我们做的图片展示就是一个img标签搞定,由于我们做的是海外后台管理系统,那边的人上传的文件时pdf格式,vue本事是不支持这种格式文件展示的,于是就google搜索,发现有iframe、embed、vueshowpdf(测试了不咋好用)、pdf等,本文说一下pdf插件的使用过程。说明:iframe标签这种,对于有的链接是可以的,比如这种链接在服务器端没有设置
转载 2024-08-15 08:04:12
612阅读
最近需要做一个下载vue页面为pdf格式的功能,网上方案有很多,也尝试了其他方案,最终采用的方案 流程就是点击下载报告按钮,则请求后端一个接口,例如接口地址为example.cn/file/downlo…, 则返回一个pdf的文件地址 即可实现下载。背后原理就是利用爬虫抓取页面然后转为pdf,存储在服务器静态资源目录,当然过程是怎样呢?接下来记录一下:1.[前端]准备好一个vue页面页面就是最终
转载 2023-11-11 20:28:18
95阅读
转载 2023-11-17 22:58:00
27阅读
## Android屏幕旋转保存页面数据 在Android开发中,屏幕旋转是一个常见的操作。当用户旋转屏幕时,Activity会被销毁然后重新创建,这可能导致页面数据丢失。为了避免这种情况发生,我们需要在屏幕旋转时保存页面数据,并在重新创建时恢复数据。 ### 保存页面数据 在Android中,我们可以通过重写Activity的`onSaveInstanceState`方法来保存页面数据。这
原创 2024-04-25 04:23:27
142阅读
# Python 抓取 Vue 页面数据 在现代的 Web 开发中,Vue.js 成为了非常流行的前端框架之一。Vue.js 是一个基于 JavaScript 的开源框架,用于构建用户界面。在一些情况下,我们可能需要使用 Python 来抓取 Vue 页面数据,以进行后续的分析或处理。本文将介绍如何使用 Python 抓取 Vue 页面数据,并提供示例代码。 ## 1. 安装必要的库 在开
原创 2023-07-18 14:59:27
1066阅读
1. 事件修饰符Vue中事件修饰符 事件的执行阶段:捕获阶段(父元素) --> 事件源阶段(被点击的内部子元素) --> 事件冒泡阶段 1. stop 阻止冒泡 如: <div id="inner" @click="innerClick"> <input type="button" value="按钮
 目录1、Vue 无法检测实例被创建时不存在于 data 中的 属性2、 Vue 无法检测‘对象属性’的添加或移除3、Vue 不能检测利用数组索引直接修改一个数组项4、Vue 不能监测直接修改数组长度的变化5、在异步更新执行之前操作 DOM 数据不会变化6、循环嵌套层级太深,视图不更新?7、路由参数变化时,页面不更新(数据不更新)8、使用keep-alive之后数据无法实时更新问题1、V
转载 2023-10-30 13:30:22
293阅读
之前的项目中使用过一次vuex搭配localstorage存储token,使token持久化保存。好长时间不用,又把vuex的使用忘的一干二净,重新百度搜索,自己尝试后实现需求。我的业务需求是父页面中嵌套了一个子页面,父页面的一个卡片列表区域通过点击卡片项跳到子页面,原先子页面有返回按钮,现在取消子页面的返回按钮,在父页面通过点击菜单项实现返回。子页面需要填报数据,如果有正在编辑的内容未保存,点菜
转载 2023-10-12 21:17:26
98阅读
在现代在线考试系统中,防止因页面刷新或意外关闭导致考生答题数据丢失是一个关键需求。本文将详细介绍如何基于ThinkPHP后端和Vue前端实现答题数据的自动保存功能,确保即使在页面刷新后,考生的答题进度也能完整恢复。一、技术栈概述后端框架:ThinkPHP 6.x前端框架:Vue 3 + Element Plus数据交互:Axios本地存储:localStorage + sessionStorage
原创 精选 6月前
149阅读
前言最近公司vue项目中有一个需求,需要在当前页面刷新或跳转时提示保存
原创 2022-03-29 11:24:35
3386阅读
3个页面之间互相传值,取值app.vue(父级页面)first.vue(子级页面)second.vue(子级页面) 先声明页面情况:把数据定义在app.vue(父级)中,first.vue(子级)需要拿到定义在app.vue(父级)中的数据,second.vue(子级)需要通过app.vue(父级)来到拿到first.vue(子级,和second.vue是兄弟【同级】)中点击的某一个元素
1、在应用类进行路由跳转、在需要提示的页面添加如下钩子函数beforeRouteLeave (to, from, next) { this.$confirm('当前页面数据还未保存,是否离开?', { type: 'warning' }).then(res => { next() }).catch(reason => { next(false) })},2、关
原创 2022-11-29 11:06:13
411阅读
  • 1
  • 2
  • 3
  • 4
  • 5