不积跬步无以至千里因为不熟悉,每次整理都花费了不短的时间,现在以码代码为主,到每个阶段再整理。 本次整理内容 --- 底部导航显示 ----- 给谷歌浏览器安装vue调试插件 --- 各模块的静态页面搭建完成 --- 添加登录页静态页面与路由0. 其它vue实战(1):准备与资料整理vue实战(2):初始化项目、搭建底部导航路由vue实战(3):底部导航显示、搭建各模块静态页面、添加登录页页面与路
转载 4月前
27阅读
实现的效果如下:用admin账号登录展示 用xiaoxiao账号登录: 并且在xiaoxiao登录的系统中,手动在地址栏输入'/user',请求admin用户才会显示的用户管理页,页面不会展示。实现思路如下:1.用户登录,后端返回的data中有菜单数据,把菜单数据存储在vuex中,在侧边栏组件中去获取到存储在vuex中的菜单数据,根据数据动态生成侧边栏。本项目我是用Mock模拟
import { addClass, removeClass } from '../../common/js/dom' export default { beforeCreate () { let uniqueClass = this.$options && this.$options.unique ...
转载 2021-09-13 14:41:00
613阅读
2评论
1:router-link跳转<!-- 直接跳转 --><router-link to='/testDemo'> <button>点击跳转2</button></router-link> <!-- 带参数跳
原创 2022-08-17 10:21:21
694阅读
vue使用Pinia实现不同页面共享token
  1. 在首页(网站其他页面)放置登录功能       将login页面内的html代码拷贝至网站首页登录部分,而且保证页面内所有脚本及引用的脚本文件都拷贝至首页,修改样式。 如果登录后需要跳转到其他页,则在调用登录页的链接加入名为TRUN_PAGE的参数,参数值写跳转页的完整URL(绝对路径)或者相对路径,目前用条件置标实现,<et
原创 2011-02-10 09:23:05
1101阅读
1、vue.js与vue.runtime.xxx.js的区别 a、vue.js是完整版的Vue,包含:核心功能和模板解析器。 b、vue.runtime.xx.js是运行版的vue。只包含核心功能,没有模板解析器 2、因为rvue.runtime.xxx.js没有模板解析器,所以不能使用templa
原创 8月前
33阅读
前面介绍了如何新建vue工程vscode新建vue工程,这篇就介绍如何编写自己的第一个页面 开始之前,先介绍下vue工程的目录结构build 项目构建(webpack)相关代码config 项目相关配置,配置端口信息等node_modules 项目依赖等src>assets 放置一些图片 如项目的logo、iconssrc>conponents 项目的一些组件,如自定义组件src&gt
转载 2024-04-11 11:51:33
93阅读
为何需要配置多页面?在实际工作中,肯定会遇到大型项目,往往一个架构里面会开发多个应用,而这些应用又没有太大的关联,但有可能会共用一些组件或者是样式表等,那么就会出现一个问题,打包的时候会将这些互不相关的应用全部打包。而因为脚手架VueCli所以构建的项目属于单页面应用,因此我们就需要手动去配置,搭建一个多入口,多应用的体系需求首页显示各个应用名称,点击进去各自应用实现使用vue/cli生成一个vu
目前有以下两个域名,都解析到 47.95.225.29 这台服务器wx.qiansuida.comwww.jxmstory.com服务器默认项目部署在Tomcat中,前端项目在Tomcat的ROOT目录下,后台项目在webapps文件夹下 这个时候用域名可以访问到ROOT里的index.html,访问后台项目则需要输入域名+项目名如果想要再部署一个前端项目也要直接输入域名就可以访问怎么办?同一端口
 如果想从package com.zbxsoft.stdd.stdduser.web; 跳到上一级目录下的其他包下jsp页面,可以这么写 @Results( { @Result(name = "emailList", location = "../notice/notice-email
1
原创 2013-04-25 17:25:00
295阅读
Android不同页面通讯是一个在Android应用开发中非常常见的需求。在Android中,我们可以使用多种方式来实现不同页面之间的通讯,如使用Intent、使用接口回调等。本文将为刚入行的小白介绍一种常用的实现方式。 ## 流程图: ```mermaid flowchart TD A(页面A) --> B(页面B) B --> A ``` ## 步骤: | 步骤 | 操
原创 2023-12-20 07:14:21
52阅读
举例说我想要做的一个事情是,在一个主界面(主Activity)上能连接往许多不同子功能模块(子Activity上去),当子模块的事情做完之后就回到主界面,或许还同时返回一些子模块完成的数据交给主Activity处理。 貌似启动 Activity 的只有 startActivity() 和 startActivityForResult(),之前只学会了前者能初始化一个Bundle,但用起来
# Android 切换不同页面 在Android开发中,切换不同页面是非常常见的需求。比如,点击一个按钮后跳转到另一个页面,或者在不同的标签页之间切换等等。本文将介绍一些常用的实现方式,并提供相应的代码示例。 ## 1. 通过Intent切换页面 在Android中,可以使用Intent来实现页面的切换。Intent是Android中的一个重要概念,它可以用于在不同的组件之间传递数据和执行
原创 2024-01-11 06:10:38
660阅读
一、说明实际工作中,一般只是新增/修改已有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和页
我们平常用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阅读
目录问题描述:解决方案:1.方案一2.方案二3.方案三问题描述:一个表单用vue的事件实现当点击编辑按钮(或图标)出现保存按钮,当要编辑的时候只出现编辑按钮,此时保存按钮隐藏解决方案:1.方案一可以使用Vue中的v-if和v-show指令来控制按钮的显示和隐藏。v-if会完全销毁和重新创建DOM元素v-show只是控制元素的显示和隐藏。以下是一个简单的示例代码,用于根据按钮的状态显示不同的按钮:&
背景Flutter作为全新跨平台应用框架,在页面渲染和MD开发上优势明显,可谓是业界一枝独秀。正好最近有这样的一个机会学习Flutter开发,我们便尝试用它开发一个MD风格的较复杂页面,来比较跟原生应用开发的优势。也是想通过对新框架的学习探索,找到适合自身应用的框架。页面展示首页是整个应用里边交互最为复杂的一个页面了,它集合了各种滑动方式,包括:纵向滑动、横向滑动、嵌套滑动;同时,也集合了各种动效
转载 2024-05-22 10:45:51
92阅读
  • 1
  • 2
  • 3
  • 4
  • 5