页面切换我做的后台页面较少,所以不需要用到路由1.登录后切换到老师或者学生的页面,通过is_admin来判断登录的是老师还是学生data(){ return{ login:false } }<Author v-if="!login"></Author> <div v-else> 学生或者老师的页面
转载 2024-02-20 20:57:53
0阅读
一、什么是前端路由   在web开发的过程中,路由的使用是必不可少的,这里的路由不是指我们日常生活中的路由器,但是实现原理基本相同,它代表一个url与相应处理程序的影射关系,用户在输入要访问的url之后,路由会解析url中的路径,之后根据映射表中的映射关系查找相应的预设函数,并将结果返回给用户,以此完成一次操作。       前端路由不同
背景在项目部署时,我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了vue-cli-service build打包命令,然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建,想要实现不同环境使用不同变量,暂时不能实现。vue-cli-service介绍vue-cli-service介绍 vue-cli生成
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录一、环境配置。二、代理服务器配置。三、打包命令配置。 一、环境配置。1.在src同级目录下新建以下三个文件:注意:文件名是固定的不要自定义。 属性名必须以 VUE_APP_ 开头,如:VUE_APP_XXX vue 会根据启动命令自动加载相对应的环境配置文件。vue是根据文件名进行加载的,所以不要擅自更改。环境配置文件 &g
转载 2024-09-23 12:07:34
404阅读
一.关于路由1.使用vue router本质上是声明一种可以通过路径进行 挂子,用子 找到对应的 template 进行页面渲染1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</titl
转载 2024-04-01 13:54:16
45阅读
# Vue 3 中如何实现 Axios 封装与路由跳转 在前端开发中,使用 Axios 进行 API 请求是非常常见的。这篇文章将引导你实现 Vue 3 + Axios 的封装,同时处理好路由跳转的问题。 ## 1. 问题分析 首先,我们需要明确什么是“路由跳转失败”。通常这种情况会发生在我们需要在 Axios 请求成功后跳转到另一个页面时,但由于各种原因,跳转未能执行。例如,可能没有正确设
原创 2024-09-05 04:55:42
357阅读
注意:子路由path不要写 “/” 。写入 / 会跳不到或者报错。子路由component引入,先定义再引入,懒加载component: () => import('@/views/commodityManagement/goodsRule/index.vue'),会失效。 https://blog ...
转载 2021-09-28 10:41:00
2320阅读
2评论
# Docker Build 同名的会失效的实现 在开发和部署应用程序的过程中,Docker 是一个非常重要的工具。今天我们将讨论一个常见的问题:在 Docker 中,当多个 image 使用相同的名字时,会出现冲突,这就导致了同名的 image 会失效。那么如何实现这个功能呢?本文将为您详细介绍。 ## 整体流程 以下是解决问题的整体步骤: | 步骤 | 说明
原创 8月前
72阅读
目录 1.commit与build优缺点比较2.commit + build镜像制作方法3. 镜像动态化???结束语??? 1.commit与build优缺点比较commit:        优点:       &nbs
在这篇博文中,我将详细探讨如何解决“vue远程docker build”这一问题。随着现代前端开发的进步,容器化的使用愈发普遍,尤其是在Vue.js开发环境中。远程构建Docker镜像可以对提高开发效率和团队协作有很大帮助。 ### 背景定位 **适用场景分析** 在许多团队中,开发人员需要在不同的环境中构建和运行Vue应用程序。特别是在CI/CD中,通过Docker来打包和部署项目是常见的需
原创 7月前
13阅读
基础html、css、javascript基础笔记 本模块主要为前端最基础的内容,但我们不说那些大家都明白的,我们只写大家容易忽略又在开发过程中比较重要的内容,在本模块中,我们将以javascript为重点,css、html多少会提及。毕竟,想学好前端,js基础是必须的。js我们主要以《javascript高级程序设计》一书为依据,按章节介绍。重点是js的面向对象编程。javascript设
开发工具:eclipse项目中需要把部分功能单独剥离出来,单独作为微服务部署,因此需要新建一个spring boot 项目,单独构建jar包,需要保证jar能成功启动运行。经过一整天的试错之后,终于成功了!!!需要先保证电脑环境中已经配置好了maven的环境变量,不清楚的可以百度。先通过maven build构建方式如下:下面是我最终的pom文件配置内容<?xml version="1.0"
转载 2024-03-04 09:55:55
107阅读
20.7.1 VLAN间路由选择方法     要在vlan间提供路由选择必须具有3个关键组件 1. 一个具有vlan 能力的交换机 2. 一个路由器 3. 在交换机和路由器之间的一些连接方式  早期的vlan间路由选择如下图,每个vlan 接到路由器的端口上,通过路由器进行转发  中期路由器支持Trunk链路后,采用Trunk和子接口的模式,实现单
splitChunks: { // 表示选择哪些 chunks 进行分割,可选值有:async,initial和all chunks: "async", // 表示新分离出的chunk必须大于等于minSize,默认为30000,约30kb。 minSize: 30000, // 表示一个模块至少应被minChunks个chunk所包含才能分割。默认为1。
转载 2024-06-21 23:28:05
19阅读
文章目录Flask之cookie、session、闪现一、cookie1.1 什么是cookie?1.2 如何在flask中使用cookie?1.2.1 设置cookie1.2.1.2 实例:设置cookie**1.2.1.3 在浏览器中查看cookie的三种方式(以Chrome浏览器为例)**1.2.2 设置cookie的有效期1.2.2.1 基于max_age参数设置cookie有效期1.2
使用记录我使用的 “vee-validate”: “^3.0.3”, 和网上2.x的使用教程不太一样。VeeValidate 文档地址官方的一个demo首先安装 “vee-validate”,在项目中创建个validate.js文件开始配置vee-validate在validate.js文件中自定义消息ocalize(‘zh_CN’, { name: ‘zh_CN’, names: { natio
转载 2024-10-16 21:44:17
128阅读
在使用 Vue.js 的项目中,我遇到了一个棘手的问题:jQuery 库在 Vue 应用中失效。深入分析后,发现这个问题涉及到框架的兼容性,导致某些 jQuery 的功能无法正常使用。这篇文章将详细记录这个问题的解决过程。 ## 问题背景 在我进行一个前端项目时,使用了 Vue.js 作为主框架,并尝试通过 jQuery 来实现某些 DOM 操作。一开始,我信心满满,认为这是一个简单的组合。然
原创 7月前
60阅读
文章目录vue生命周期一、beforeCreate1.在beforeCreate函数里面调用data里面的属性2.在beforeCreate钩子函数里面调用methods里面的方法二、created生命周期钩子函数1.在created钩子函数里面调用methods里面的方法和data里面的属性三、beforeMount和mountedbeforeMount生命周期函数Mounted生命周期函数
# 如何实现 iOS 中 Vue 滚动失效 在 iOS 设备上开发应用时,可能会遇到屏幕滚动失效的问题。特别是在使用 Vue.js 开发单页面应用时,这个问题比较常见。本文将带领你通过简单易懂的步骤,实现这个功能,同时解释每一个步骤的具体实现方法。 ## 处理流程概述 在实现“iOS Vue 滚动失效”之前,我们需要明确一下具体的处理流程。下面是一个简单的流程表: | 步骤 | 描述
原创 10月前
26阅读
# Vue 与 iOS 交互失效的探讨 在现代Web开发中,Vue.js因其简洁性和灵活性受到广泛欢迎。然而,在iOS设备上使用Vue.js进行开发时,特别是在涉及与原生应用交互时,开发者常常会遇到一些问题。本篇文章将探讨Vue与iOS交互失效的原因,并提供代码示例来阐明解决方案。 ## 一、交互失效的原因 在众多原因中,以下几个是比较常见的: 1. **事件处理失效**:Vue.js中的
原创 2024-10-07 04:51:39
28阅读
  • 1
  • 2
  • 3
  • 4
  • 5