滚动
原创
2022-12-21 10:24:23
1245阅读
非常实用
转载
2022-11-08 13:37:31
194阅读
本质就是, 利用内置组件<keep-alive>在页面组件得以被缓存的基础上, 再加以document.documentElement.scrollTop获取滚动距离, 后返回页面时恢复滚动距离 实现效果, 打开A页面, 滚动至a处, 切换至B页面, 返回A页面, 此时页面位置为a点而非顶部 路由出 ...
转载
2021-11-02 22:00:00
1224阅读
2评论
前面介绍了如何新建vue工程vscode新建vue工程，这篇就介绍如何编写自己的第一个页面 开始之前，先介绍下vue工程的目录结构build 项目构建(webpack)相关代码config 项目相关配置，配置端口信息等node_modules 项目依赖等src>assets 放置一些图片 如项目的logo、iconssrc>conponents 项目的一些组件，如自定义组件src>
转载
2024-04-11 11:51:33
93阅读
一、说明实际工作中，一般只是新增/修改已有vue项目的页面，很少从零开始搭建一个新的vue项目。在此简要总结下新增页面的开发方法。二、步骤1.首先找一个相似的页面，复制一份，修改为不同的名称。(1)例如，有一个页面，位于这个文件夹：E:\mobile-project\src\modules\user\user-config其中有3个文件：app.vue
main.js
tmpl.html访问路径是
转载
2024-03-08 21:44:23
68阅读
使用VUE开发单页项目时遇到这样的问题，mounted中使用setInterval()定时向服务器获取数据，后来跳转页面后，发现还在不停的获取数据。我以为是因为我路由用的push导致的，改成replace也是这样，后来就在博客园找到答案了，如下：问题：(javascript)使用Vuejs + Vue-router 开发单页面，如何使得切换页面时能销毁原组件？描述:我有一个单页面应用，有页面A和页
转载
2024-07-06 13:36:07
98阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1153阅读
# 如何设置yarn页面缓存位置
作为一名经验丰富的开发者，我将教会你如何设置yarn页面缓存位置。在开始之前，让我们先了解一下整个过程的流程。下面是一张流程图，展示了设置yarn页面缓存位置的步骤：
```mermaid
flowchart TD
A[开始] --> B[检查yarn版本]
B --> C[创建yarn配置文件]
C --> D[修改yarn配置文件]
原创
2023-12-11 07:17:10
72阅读
一、什么是activity Activity 是用户接口程序，原则上它会提供给用户一个交互式的接口功能。它是 android 应用程序的基本功能单元。Activity 本身是没有界面的。所以activity类创建了一个窗口，开发人员可以通过setContentView(View)接口把UI放到activity创建的窗口上，当activity指向全屏窗口时，也可以用其他方式实现：作为漂浮窗口（通过w
转载
2024-10-25 10:32:35
41阅读
一、在template中的常见写法： 二、在js中设置跳转（在方法中跳转界面并传参，两种方式：params 与 query）： 有时候我们需要的是点击按钮跳出弹窗，选择判断后进行跳转，我们常用.$router.push 跳转 传参： 另有： 路由传参params 和query两种方式的区别： 1、用
转载
2019-06-04 14:57:00
2042阅读
2评论
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
vue生命周期即为一个组件从出生到死亡的一个完整周期，主要包括以下4个阶段：创建，挂载，更新，销毁创建前：beforeCreate, 创建后:created 挂载前：beforeMount, 挂载后：mounted 更新前：beforeUpdate, 更新后：updated 销毁前：beforeDestroy, 销毁后：destroyed我平时用的比较多的钩了是created和mounted，cr
使用 Vue 的页面变慢的原因可能有多种，以下是一些可能的原因和解决方案：一次性渲染大量数据：当页面需要渲染大量数据时，特别是在处理复杂类型的数据时，Vue 对数据的劫持时间和渲染时间可能会变长，导致页面长时间无法交互。这种情况下，可以使用 requestAnimation 方法来分割数据，分批次渲染，以减少连续执行时间，加快渲染速度。数据更新导致的性能问题：当页面中存在大量数
这个是路由，我们一般用这个来找我们对应的页面。
转载
2020-05-25 23:23:00
588阅读
2评论
原文链接https://baijiahao.baidu.com/s?id=1700328557526256583&wfr=spider&for=pc push和replace这两个都方法都是vue-router提供的api。 在vue项目中使用this.$router.push()方法来跳转不同路径 ...
转载
2021-07-26 15:21:00
2612阅读
2评论
简介FormMaking 是基于 Vue 的可视化表单设计器，赋能企业实现低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。在OA系统、考试系统、报表系统、流程管理等系统中应用广泛。基于 vue 和 element-ui 实现，使用了最新的前端技术栈，内置了 i18n 国际化解决方案，支持二次开发，支持自定义组件引入。提供 表单设计器（Making
1、nginx安装 2、常用nginx命令start nginx // 开启nginx服务
nginx -s stop // 关闭nginx服务，快速停止nginx，可能并不保存相关信息
nginx -s quit // 关闭nginx服务，完整有序的停止nginx，并保存相关信息
nginx -s reload // 重载nginx服务
t
指定页面跳转this.$router.push({ path:'/two.html'})<router-link to='two.html'><button>点我到第二
原创
2023-02-20 13:16:29
649阅读
vue多页面
原创
2022-11-21 10:58:23
413阅读
