前段时间接到一个开发任务,涉及到路由跳转,并且伴有参数传递。于是猝不及防的掉入了$router的坑。在使用this.$router.push跳转路由的时候,涉及到两种参方式,需要注意的是,params参数需要使用name来引导,query参数需要使用path来引导。例子如下:方式一: 页面A:   使用query,需要使用path引导,以get方式传递数据。url地址栏格式
转载 2023-07-05 21:59:50
217阅读
自定义的私有组件,不能访问vm实例中的数据 1、父组件向子组件在使用私有组件的时候,通过属性绑定的形式,把需要传递给子组件的数据,以属性绑定的形式传递到私有组件中<div id="app"> <!-- 1、在使用组件的时候,使用绑定命令,将所需要的VM实例数据绑定到私有组件中 --> <com1 v-bind:parent
转载 2023-07-22 23:25:17
103阅读
# Vue.js获取父页面 ## 导言 Vue.js是一款用于构建用户界面的渐进式JavaScript框架。在开发过程中,经常会遇到需要获取父页面的情况,本文将详细介绍如何实现Vue.js获取父页面的方法。 ## 整体流程 下表展示了整个获取父页面值的流程: | 步骤 | 描述 | | ------ | -
原创 2023-08-20 08:31:37
810阅读
# Vue.js渲染页面 Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它提供了一个专注于视图层的解决方案,让开发者可以更轻松地构建交互式的Web应用程序。在本文中,我们将详细介绍Vue.js的渲染页面过程,并提供相应的代码示例。 ## 渲染页面的基本流程 Vue.js的渲染页面过程可以分为以下几个步骤: 1. 创建Vue实例:首先,我们需要创建一个Vue实例,以便于
原创 2023-08-10 04:12:00
294阅读
# 使用Vue.js实现登录页面 ## 1. 概述 在本文中,我将向你介绍如何使用Vue.js实现一个简单的登录页面Vue.js是一种流行的JavaScript框架,用于构建用户界面。它具有轻量级、灵活和易于学习的特点,非常适合用于构建交互性强的页面。 ## 2. 实现流程 首先,我们来看一下整个实现登录页面的流程。下面是一个流程图,描述了实现登录页面的主要步骤。 ```mermaid
原创 2023-08-24 07:58:00
572阅读
域的含义 域的本质就是浏览器基于同源策略的一种安全手段。所谓同源就是必须有以下三个相同点:协议相同、主机相同、端口相同。如果其中有一项不同,即出现非同源请求,就会产生域。 域实际上是浏览器的限制,开发中使用 postman请求接口能够获得数据就印证了域是浏览器的限制这个问题。解决方法 一般前端中解决域问题的方法有 JSONP,CROS,Proxy等,这里我们主要讲解一下在 vue中常
转载 2023-08-21 13:45:15
14阅读
vue.js 上传formData数据到后台(其他js类似) 调用方式还是通过post方式请求类型要设置一下config.headers["content-type"] = "multipart/form-data"; 然后上传的时候分2种情况1、后台可以直接解析formData格式的,直接创建一个FormData对象提交到后台let forms = new FormData(
转载 2022-12-08 10:15:00
257阅读
js实现html 页面之间的跳转参一、页面之间的跳转参1、在页面之间跳转的方式有两种:window.location.href=”test.html?num=10” 地址会改变参数也会被传递但是不会打开新窗口window.open("test.html") 这样会重新打开一个新窗口。2、获取参数如果是按照第一种方式进行了传递则有参数,那么我们怎们获取url中的参数那,那就使用js默认的属性:
转载 2023-06-05 21:52:42
256阅读
# JavaScript页面 ## 前言 在Web开发中,经常会遇到需要在不同页面之间传递数据的需求。JavaScript提供了多种方法来实现页面,本文将介绍其中几种常用的方法,并附上相应的代码示例。 ## 1. 使用URL参数 URL参数是最简单和常见的页面方法之一。通过在URL中添加参数,可以在不同页面之间传递数据。以下是一个示例: ```javascrip
原创 2023-08-09 18:35:33
2513阅读
刚好看见以前自己还没用vue参和接受参数的博客,想起现在自己用vue用的最多,那就记录一下vue参和接受参数的方式;vue跳转路由用this.$router.push()方法,这个方法可以接受对象或者字符串两种参数:       我先说当是Object的时候,常用的有{path: ‘’,query:{},name:'',params:{}} path
转载 2023-06-06 00:26:27
141阅读
# Vue.js 生成静态页面 在Web开发中,前端框架变得越来越流行。Vue.js是一个轻量级的JavaScript框架,用于构建交互式的用户界面。与许多其他前端框架不同,Vue.js也可以用于生成静态页面。本文将介绍如何使用Vue.js生成静态页面,并提供一些示例代码。 ## 什么是静态页面? 静态页面是在服务器上预先生成的HTML文件。与动态页面相比,静态页面不需要服务器端处理,可以直
原创 2023-07-23 17:13:07
2382阅读
父子组件在父组件中改变子组件里的数据ref属性应用和父组件<template> <div class="ctn"> <input type="text" value="ref的用处" ref="input1" /> <button @click="add()">改变数据</button> <!-
父子组件原理图 一般页面的视图App.vue应为这样 一.父组件向子组件
原创 2022-08-04 22:26:52
516阅读
其实输入完3个字符后,执行1次就可以了,但我们无法得知什么时候输入结束,所以才用延迟执行,比如输入了第1个字符,则延迟300毫秒后执行,如果300毫秒内,输入了第2个字符,则取消第一个字符的查询,第2个字符延迟300毫秒执行,如果300毫
原创 2023-06-28 14:21:25
557阅读
# 使用Vue.js实现页面倒计时 ## 1. 介绍 本文将教会刚入行的开发者如何使用Vue.js实现一个页面倒计时功能。Vue.js是一款流行的JavaScript框架,它可以帮助我们构建交互式的Web应用程序。页面倒计时是一个常见的需求,例如在电商网站中,倒计时可以用来展示特价商品剩余的时间。 ## 2. 准备工作 在开始教学之前,确保你已经安装了Node.jsVue.js脚手架。如果还
原创 2023-09-07 08:58:08
339阅读
一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
1. 概述1.1 说明  在vue项目中,存在直接前端访问某一服务/硬件等情况,一般使用axios/fetch的get方法去访问(服务端允许域访问)获取拿到对应信息;但在访问硬件(如身份证读取器)时,本地服务访问与项目服务域时,接口访问还是存在域问题,此时使用JSONP访问来解决域问题;2.1 JSONP代码jsonpAPI(url) { // eslint-disa
转载 2023-07-03 14:49:11
108阅读
原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点; var c = a.parentNode; //获取a的父节点; var d = a.nextSibling; //获取a的下一
转载 2023-06-02 10:06:45
367阅读
Vue.js之组件属性可以从父组件到子组件,也可以从子组件到父组件。这里讲一下从父组件到子组件的  还以上次的demo为例,demo里有APP.vue是父组件,Header.vue,Users.vue和Footer.vue为子组件,Users.vue中的数据有个数组,现在把数组放到父组件App.vue中App.vue文件: 1 <template> 2 <di
转载 2023-12-15 10:06:26
29阅读
一、to +跳转路径<router-link to="/">跳转到主页</router-link> <router-link :to="{path:'/Test',query:{id:1,name:'vue'}}" >跳转到Test</router-link>参数获取:  this.$route.query.参数名称 二
转载 2023-07-06 15:29:41
410阅读
  • 1
  • 2
  • 3
  • 4
  • 5