前两天开始学习Vue.js，第一次跑起了一个Vue项目，在这写一下新建一个Vue页面首先的项目创建不写了，官网、菜鸟教程都有。值得注意的是创建工程时下面这条选项这里的ESLint对于一个新手而言一定要选择no，
原创
2022-01-11 17:41:50
1501阅读
滚动
原创
2022-12-21 10:24:23
1245阅读
1、返回按钮 都请求接口 created() { window.addEventListener('pageshow', () => { //外链回退到vue应用要执行的代码 //this.pageshowGetData(); }) }, 2、引入相关js即可开发vue h5 3、helang-fl ...
转载
2021-08-23 10:40:00
494阅读
2评论
本质就是, 利用内置组件<keep-alive>在页面组件得以被缓存的基础上, 再加以document.documentElement.scrollTop获取滚动距离, 后返回页面时恢复滚动距离 实现效果, 打开A页面, 滚动至a处, 切换至B页面, 返回A页面, 此时页面位置为a点而非顶部 路由出 ...
转载
2021-11-02 22:00:00
1224阅读
2评论
非常实用
转载
2022-11-08 13:37:31
194阅读
在上一篇 vue2从零开始记录----timer定时器的使用 记录了如何使用定时器,接下来记录下一些页面上遇见的问题。1.防止页面数据频繁更新，需要对新老数据进行对比。使用的是lodsh(4.17.21版本)。//1.npm安装lodash,此处忽略
//2.在main.js中对引用
import _ from 'lodash';
Vue.prototype.$isEqual = _.isEqua
原创
2024-05-09 15:44:54
51阅读
在上一篇 vue2从零开始记录----timer定时器的使用 记录了如何使用定时器,接下来记录下一些页面上遇见的问题。1.防止页面数据频繁更新，需要对新老数据进行对比。使用的是lodsh(4.17.21版本)。//1.npm安装lodash,此处忽略
//2.在main.js中对引用
import _ from 'lodash';
Vue.prototype.$isEqual = _.isEqua
原创
2024-05-09 15:44:54
95阅读
mSwipeListView.setOnScrollListener(new OnScrollListener() { @Overridepublic void onScrollStateChanged(AbsListView arg0, int arg1) { // TODO 自动生成的方法存根 if (arg1 == OnScrollListener....
原创
2022-03-08 13:41:39
138阅读
前面介绍了如何新建vue工程vscode新建vue工程，这篇就介绍如何编写自己的第一个页面 开始之前，先介绍下vue工程的目录结构build 项目构建(webpack)相关代码config 项目相关配置，配置端口信息等node_modules 项目依赖等src>assets 放置一些图片 如项目的logo、iconssrc>conponents 项目的一些组件，如自定义组件src>
转载
2024-04-11 11:51:33
93阅读
使用VUE开发单页项目时遇到这样的问题，mounted中使用setInterval()定时向服务器获取数据，后来跳转页面后，发现还在不停的获取数据。我以为是因为我路由用的push导致的，改成replace也是这样，后来就在博客园找到答案了，如下：问题：(javascript)使用Vuejs + Vue-router 开发单页面，如何使得切换页面时能销毁原组件？描述:我有一个单页面应用，有页面A和页
转载
2024-07-06 13:36:07
98阅读
一、说明实际工作中，一般只是新增/修改已有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开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一、watch 在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调： var unwatch = vm.$watch( 'value', function () { doSomething() if (unwatc...
原创
2021-07-27 20:25:14
137阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1153阅读
vue 使用记录1.路径：http://localhost:8081/#/test?name=1 <router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数) &nb
原创
2018-06-22 09:52:22
597阅读
点赞
TypeScript(简称:TS)是微软推出的开源语言TypeScript 是JavaScript 的超集(JS 有的 TS 都有)TypeScript = Type +JavaScript(在JS 基础上增加了
原创
2024-05-10 10:55:32
57阅读
一、watch在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调：var unwatch = vm.$watch( 'value', function () { doSomething() if
原创
2022-06-30 17:44:45
69阅读
UI Mvvm 前端数据流框架精讲 Vue数据双向绑定探究 面试问题：Vuejs如何实现双向绑定 数据双向绑定的探究和实现 需求 从列表页的第二页进入详情页，返回时列表页仍然显示在第二页； 从列表页的第二页进入详情页，返回时列表页的筛选条件仍然存在。 <! more > 技术选择 使用v
转载
2018-11-02 14:04:00
111阅读
2评论
前面发表了vue新建页面https://blog..net/baozi141990/article/details/103009802今天实现了一下与ssm结合实现登录的功能
原创
2022-01-11 17:42:42
1554阅读
在 Vue 项目中，要记录用户进入页面的时间、离开页面的时间，并在用户离开时计算时长并调用后端接口，可以借助 Vue 的生命周期钩子和浏览器的一些事件来实现。
